/* Global styles for MD5 customer service website (MD5LS). Based on original DS CSS with minor changes */
/* Designed to fill 1024x768 full screen Green=00adf1 Blue=*/

html {padding:0px; margin:0px;}
body {padding:0px; margin:0px; text-align:center; font-family:verdana, arial, san-serif; color:#666; font-size:11pt; font-family:Arial, Helvetica, sans-serif;}

.button:link, .button:visited {background-color:#00ADEF; padding:5px; color:#fff; display:inline; margin:6px; text-decoration:none; border:1px solid #666;}
.button:hover {color:#ccc;}

P {margin:0px; line-height:150%;}
.SubHead {font-size:13pt;}

h1{font-family: century gothic, arial, sans-serif; font-size:19pt; font-weight:normal; margin:20px 0px 15px 0px; color:#00ADEF;}
h2{font-family: century gothic, arial, sans-serif; font-size:13pt; font-weight:bold; margin:10px 0px 15px 0px; color:#00ADEF;}

/*Watermark text*/
.watermark { color: lightgray; font-style: italic; }

img {border:none;}
.ipl {float:left; margin-right:5px;}
.ipr {float:right; margin-left:5px;}

/*Position the overall container */
#Container {Margin:0px auto 0px auto; position:relative; width:980px; text-align:left; border:1px solid #e8e8e8;}

/*Position the side nav column */
#Side {display:inline; top:125px; left:5px; width:225px; float:left; margin:25px 10px 0px 0px; padding:0px; }

/*Position the main content part 733*/
#Main {width:733px; padding:0px 0px 0px 0px; display:inline; margin:0px 5px 0px 0px; float:right;}

/*Position the main content on a page with no side column 960*/
#MainWide {width:960px; padding:10px; margin:0px;}

/*font-size:8pt; */
#RightCol {width:215px; float:right; margin-left:5px; padding:0px 0px 0px 10px; font-size:9pt; border-left:1px solid #ccc;}

/*Position and style the footer */
/*font-size:8pt; */
#Footer {clear:both; text-align:center; margin:20px 0px 10px 0px; padding:10px 0px 10px 0px; border-top:1px solid #ccc; color:#ccc; font-size:9pt;}

/*Styling the top navigation */
/*
#TopNav {background: url(../images/TopNavBg.gif) repeat-x bottom left; width:980px; height:25px; padding:4px 0px 4px 0px; margin:0px 0px 5px 0px; font-size:10pt;}
#TopNav a:link, #TopNav a:visited {font-weight:bold; display:inline; color:#fff; text-decoration:none; padding:0px 10px 0px 10px; border-right:1px solid #333;}
#TopNav .last:link, #TopNav .last:visited {border-right:none;}
#TopNav a:hover {text-decoration:underline;}
*/

/*Styling the side navigation.......*/
#SideNav {width:100%; margin:0px 0px 3px 0px; padding:0px 0px 0px 0px;  }
#SideNav a:link, #SideNav a:visited {Background: url(../images/Nav.gif) no-repeat left; background-color:#0084CE; border:1px solid #e8e8e8; display:block; border-bottom:1px solid #fff; color:#fff; padding:4px 3px 4px 15px; text-decoration:none; font-size:10pt;}
#SideNav a:hover {text-decoration:underline;}
#SideNav p.Header {Background: url(../images/SecNavHeader.gif) no-repeat left; width:100%; padding:0px 0px 0px 5px; font-weight:bold; color:#fff}

/*Styling the tabs */
#TabNav {text-align:right; margin:3px 0px 10px 0px;}
#TabNav .current {background-color:#BFDF4D; color:#ccc;  padding: 2px 10px 2px 10px; border:1px solid #ccc; border-top:2px ridge #ccc; border-bottom:none;}
#TabNav a:link, #TabNav a:visited { color:#666; padding: 2px 10px 2px 10px; border:1px solid #999; border-top:2px ridge #ccc; border-bottom:none; text-align:right; text-decoration:none; }
#TabNav a:hover{color:#999;}

/*Centred tables */
#CentredTable {text-align:center;}

ul li {margin:10px 0px 10px 0px;}
ol li {margin:10px 0px 10px 0px;}

table {font-size:10pt;}
table th {background-color:#ccc; color:#666; text-align:left; padding:3px; font-size:11pt;}

.hiddenButton
{
 display: none;
}

/*Modal Popup Styles*/
.modalBackground 
{
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

.modalPopup 
{
	background-color:#ffffdd;
	border-width:3px;
	border-style:solid;
	border-color:Gray;
	padding:3px;
	width:250px;
}

.modalPopupCaption 
{
	background-color: #aaa;
	background-image: url('/images/caption.gif');
	border: 0;
	border-bottom: solid 1px #737373;	
	color: #000;
	cursor: hand;
	font-weight: bold;
	margin-bottom: 10px; 	
	text-align: center;	
	white-space: nowrap;	
}

.tablemain a:visited 
{
    color: Purple;
}

.tablealt a:visited 
{
    color: Purple;
}

/*Gridview styles*/
.gridStyle {
    color: #333333;
}

.gridStyleSmall {
    color: #333333;
}

.gridHeader {
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.gridHeaderSmall {
    font-size: smaller;
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.gridHeader a:link, a:visited {
    color: White;
}

.gridHeaderSmall a:link, a:visited {
    color: White;
}

.gridFooter {
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.gridFooterSmall {
    font-size: smaller;
    background-color: #507CD1;
    font-weight: bold;
    color: White;
}

.gridHeaderLinks {
    font-weight: normal;
    font-size: 10px;
}

.gridRow {
    background-color: #EFF3FB;
}

.gridRowSmall {
    font-size: smaller;
    background-color: #EFF3FB;
}

.gridRow a:visited {
    color: Purple;
}

.gridRowSmall a:visited {
    color: Purple;
}

.gridAltRow {
    background-color: White;
}

.gridAltRowSmall {
    font-size: smaller;
    background-color: White;
}

.gridAltRow a:visited {
    color: Purple;
}

.gridAltRowSmall a:visited {
    color: Purple;
}

.warningText {
    color: Red;
}

a:link, a:visited {color: #00ADEF;}
a:hover {color: #666;}

.uppercase {
    text-transform: uppercase;
}