/* HTML Styles */
body {
	font-family: Trebuchet MS, Tahoma, Arial; 
	font-size: 11px; color:#000;
	background-image:url(../theme/blue_bg.jpg);
	background-repeat:repeat-x;
	background-color: #688CBE;
	margin-left: 0px; margin-top: 0px; 
	margin-right: 0px; margin-bottom: 0px;
}

/* For How to add, call set up */
#container {
	width: 600px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFFFFF;
	background-image: url(../images/new_pdfs/heading.jpg);
	overflow: hidden;
	background-repeat: no-repeat;
}
	
#header img {
	height: 75px;
	width: 150px;
	padding: 10px;
}
#header h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	margin-left: 10px;
}
#content .thumbnail {
	width: 550px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #999999;
}
#content .thumbnail img {
	float: left;
	border: 1px solid #666666;
	margin: 10px;
	height: 150px;
}
#content .thumbnail h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#content .thumbnail p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#content .thumbnailclear {
	width: 550px;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	float: left;
}
#content .thumbnailclear img {
	float: left;
	border: 1px solid #666666;
	margin: 10px;
	height: 150px;
}
#content .thumbnailclear h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}
#content .thumbnailclear p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 10px;
}


/* End of How to add, call set up */

a {color:#003399; text-decoration:none; cursor: pointer;}	
a:hover {color: #666; text-decoration:underline;}
img {border:0; margin:0;}
a img {border:0; margin:0;}
form {margin:0 0 0 0;}
sup {font-size:75%; vertical-align:text-top;}
h1 {font-family:Trebuchet MS; color:#000; font-size:22px; font-weight:normal; margin:0px;}
h2 {color:#666; font-size:16px; margin:0px;}
h3 {color:#000; font-size:12px; font-weight:bold; margin-bottom:4px;}

/* ID & Class Styles */
.header {background-image: url(../theme/state/header_bg.gif); background-repeat: repeat-x;}
.copy {background-color: #EEEEEE;}
.graybox {background-color: #E7E7E7;}
.accountbg {background-color: #FFFFCC;}
.profile {font-size: 12px; font-weight: 700;}
.pagetext {font-size:14px; margin:10px 0 20px 0; width:600px; display:block; clear:both;}
.abstract {margin:20px 0 20px 0;}
.abstract1 {margin:10px 0 10px 0;}
.bodycolor {color:FFE100;}
.content {margin:6px 10px 15px 23px;}
.clearer {display:block; margin:0; padding:2px; clear:both; font-size:1px;}
.dialcontent {margin:0 10px 0 10px;}
#dialtable, #divVCO, #agency {margin:0 0 0 10px;}

.newsnav {
	background-image:url(../theme/news_bg.gif); 
	background-position:0 100%; 
	background-repeat:repeat-x;
	padding:5px 13px;
	margin:5px 0 10px 10px; 
	font-size:16px;
	font-weight:bold;
	color:#666666;
}

.dialnav {
	background-image:url(../theme/dial_bg.gif); 
	background-position:0 100%; 
	background-repeat:repeat-x;
	padding:5px 13px;
	margin:5px 10px 0 10px; 
	font-size:16px;
	font-weight:bold;
	color:#FFFFFF;
		
}

.hr {
	height:3px;
	margin:10px 5px 10px 0;
	background-image: url(../theme/dots.gif);
	background-repeat: repeat-x;
}

.regtext {
	font-family: Trebuchet MS, Tahoma, Arial; 
	font-size: 11px; color:#000;
	font-weight:normal;
}

.mediumLinks, {
	display:block; 
	list-style:none; 	
	padding:0;
	margin:0;
	list-style-position:outside;
}

.mediumLinks li {
	background-image: url(../theme/state/open_dot.gif);
	background-repeat: no-repeat;
	background-position:0 3px;
	background-position:0 4px;
	margin:0;
	padding: 0 0 0 13px;	
	list-style:none;
	font-size:14px;
	font-weight:bold;	
	display:block;
}

.mediumLinks li p {
	font-size:11px;
	font-weight:normal;
	display:block;
	margin:0;
	padding:0;
}

.subLinks {width:200px;}
.subLinks ul {color:#FFE100;}
.subLinks li {font-size:11px; font-weight:normal;}

.dialpage {
	font-weight:bold;
	width:370px;
	height: 200px;
	margin-top: 0;
	margin-right: 20px;
	margin-bottom: 0;
	margin-left: 40px;
	background-image: url(../graphics/Clearblue_affiliate.png);
	background-repeat: no-repeat;
	background-position: left top;
	display: block;
}
.dialpage h1 {
	line-height: 1.25em;
	text-align: center;
	display: block;
	padding-top: 50px;
	padding-left: 20px;
	width: 220px;
}

.inputbox {
	width: 150px;
	font-size:12px;
	background-color: #ffffff;
	margin:1px 0 1px 0;
	border: 1px solid #999999;
}

.inputbox2 {
	width: 200px;
	font-size:12px;
	background-color: #ffffff;
	margin:1px 0 1px 0;
	border: 1px solid #999999;
}

.inputbox3 {
	width: 220px;
	font-size:12px;
	background-color: #ffffff;
	margin:1px 0 1px 0;
	border: 1px solid #999999;
}

.dropmenu {font-size:12px; width:154px;}
.dropmenu2 {font-size:12px; width:130px;}
.dropmenufed {font-size:9px; width:275px; font-family:Arial, Helvetica, sans-serif;}

/* Header Styles */
#headerLogo{margin-left:20px;}
#navTabBar #logoBarNav {float:right; margin:55px 20px 0 0; _margin-right:10px;}
#navTabBar #logoBarNav ul {display:inline; list-style:none; float:right; margin:0;}
#navTabBar #logoBarNav li {border-left:1px solid #999; padding:0 9px; display:inline;}
#navTabBar #logoBarNav li.first {border-left:none;}
#navTabBar #logoBarNav li.last {padding-right:0px;}
#navTabBar #logoBarNav a {color:#000000; font-family:Trebuchet MS, Arial; font-size:11px; text-decoration:none;}
#navTabBar #logoBarNav a:hover {text-decoration:underline;}
#navTabBar #logoBarNav li.enLabel {border-left:none; font-weight:bold; _padding:0px; _margin-left:-7px; display:block; clear:right; margin-top:-13px; _margin-top:0;}

/* Tab Menu Styles */
#navTabItemBar {padding:0 0 0 20px;}
#navTabItemBar #vrsname {float:right; margin:7px 0 0 0; margin-right:10px; font-size:12px; font-weight:bold;}
#navTabItemBar #tabDiv {margin:0; padding:0; float:left;}
#navTabItemBar #mainTab, 
#navTabItemBar #newsTab, 
#navTabItemBar #loginTab, 
#navTabItemBar #mystuffTab, 
#navTabItemBar #supportTab {float:left; margin:0; padding:0;}

#navTabItemBar #mainTab img, 
#navTabItemBar #newsTab img, 
#navTabItemBar #loginTab img, 
#navTabItemBar #supportTab img {position:relative; left:-1000px; top:-1000px; margin:0; padding:0;}

#navTabItemBar #mainTab a, 
#navTabItemBar #newsTab a, 
#navTabItemBar #loginTab a, 
#navTabItemBar #supportTab a {display:block; _display:inline-block;  margin:0; padding:0;}

#navTabItemBar #mainTab a:hover, 
#navTabItemBar #newsTab a:hover, 
#navTabItemBar #loginTab a:hover,
#navTabItemBar #supportTab a:hover {text-decoration:underline;}

#navTabItemBar #mainTab .en {background-image: url(../theme/state/tab_main.gif);}
#navTabItemBar #mainTab .en:hover {background-image: url(../theme/state/tab_main_over.gif);}
#navTabItemBar #mainTab .en:active {background-image: url(../theme/state/tab_main_down.gif);}
#navTabItemBar #mainTab .enHi {background-image: url(../theme/state/tab_main_hi.gif);}

#navTabItemBar #newsTab .en {background-image: url(../theme/state/tab_news.gif);}
#navTabItemBar #newsTab .en:hover {background-image: url(../theme/state/tab_news_over.gif);}
#navTabItemBar #newsTab .en:active {background-image: url(../theme/state/tab_news_down.gif);}
#navTabItemBar #newsTab .enHi {background-image: url(../theme/state/tab_news_hi.gif);}

#navTabItemBar #loginTab .en {background-image: url(../theme/state/tab_login.gif);}
#navTabItemBar #loginTab .en:hover {background-image: url(../theme/state/tab_login_over.gif);}
#navTabItemBar #loginTab .en:active {background-image: url(../theme/state/tab_login_down.gif);}
#navTabItemBar #loginTab .enHi {background-image: url(../theme/state/tab_login_hi.gif);}

#navTabItemBar #mystuffTab .en {background-image: url(../theme/state/tab_mystuff.gif);}
#navTabItemBar #mystuffTab .en:hover {background-image: url(../theme/state/tab_mystuff_over.gif);}
#navTabItemBar #mystuffTab .en:active {background-image: url(../theme/state/tab_mystuff_down.gif);}
#navTabItemBar #mystuffTab .enHi {background-image: url(../theme/state/tab_mystuff_hi.gif);}

#navTabItemBar #supportTab .en {background-image: url(../theme/state/tab_support.gif);}
#navTabItemBar #supportTab .en:hover {background-image: url(../theme/state/tab_support_over.gif);}
#navTabItemBar #supportTab .en:active {background-image: url(../theme/state/tab_support_down.gif);}
#navTabItemBar #supportTab .enHi {background-image: url(../theme/state/tab_support_hi.gif);}

/*  Rounded Corner Styles (dark gray on white) */
.topCorners, .bottomCorners {background-color:#fff; font-size:1px; clear:both;}
.gl1,.gl2,.gl3,.gl4 {overflow:hidden; height:1px; background-color:#DDD;}
.gl1 {margin:0; border-left:1px solid #DDD; border-right:1px solid #DDD;}
.gl2 {margin:0 1px; border-left:1px solid #EEE; border-right:1px solid #EEE;}
.gl3 {margin:0; border-left:1px solid #EEE; border-right:1px solid #EEE;}
.gl4 {margin:0; border-left:1px solid #DDD; border-right:1px solid #DDD;}

/* Rounded Corner Styles (light gray on white) */
.topCorners2, .bottomCorners2 {background-color:#fff; font-size:1px; clear:both;}
.lgl1,.lgl2,.lgl3,.lgl4 {overflow:hidden; height:1px; background-color:#e7e7e7;}
.lgl1 {margin:0; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}
.lgl2 {margin:0 1px; border-left:1px solid #F6F6F6; border-right:1px solid #F6F6F6;}
.lgl3 {margin:0; border-left:1px solid #F6F6F6; border-right:1px solid #F6F6F6;}
.lgl4 {margin:0; border-left:1px solid #EEEEEE; border-right:1px solid #EEEEEE;}

/* Rounded Corner Styles (yellow on white) */
.accountTopCorner, .accountBottomCorner {background-color:#fff; font-size:1px; clear:both;}
.l1,.l2,.l3,.l4 {overflow:hidden; height:1px; background-color:#FFFFCC;}
.l1 {margin:0; border-left:1px solid #FFFFCC; border-right:1px solid #FFFFCC;}
.l2 {margin:0 1px; border-left:1px solid #FFFFEE; border-right:1px solid #FFFFEE;}
.l3 {margin:0; border-left:1px solid #FFFFEE; border-right:1px solid #FFFFEE;}
.l4 {margin:0; border-left:1px solid #FFFFCC; border-right:1px solid #FFFFCC;}

/* Rounded Corner Styles (white on yellow) */
.topCorner3, .bottomCorner3 {background-color:#FFFE10; font-size:1px; clear:both;}
.wl1,.wl2,.wl3,.wl4 {overflow:hidden; height:1px; background-color:#FFF;}
.wl1 {margin:0; border-left:1px solid #FFF; border-right:1px solid #FFF;}
.wl2 {margin:0 1px; border-left:1px solid #FFFFEE; border-right:1px solid #FFFFEE;}
.wl3 {margin:0; border-left:1px solid #FFFFEE; border-right:1px solid #FFFFEE;}
.wl4 {margin:0; border-left:1px solid #FFF; border-right:1px solid #FFF;}

/* Page Layout */
#surround {
	display:block; 
	clear:both;
	margin-bottom:10px; 
	padding:10px 10px 10px 10px;
	background-color:#fff; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#surround2 {
	display:block; 
	clear:both; 
	margin-bottom:20px; 
	padding:20px 20px 20px 20px;
	background-color:#fff; 
	text-align:left; 
	margin-left:auto; 
	margin-right:auto;
}

#surroundMain {padding:10px 10px 10px 10px; margin-top:10px;}

#surround .section1, #surround2 .section1 {
	width:340px; 
	float:left; 
	border-top:1px solid #CCC;
}

#surround .section2 {
	width:339px;
	float:left; 
	clear:right;
	border-top:1px solid #CCC;
	border-left:1px solid #CCC;
}

#surround .section1 .subSection {padding-right:1px;}
#surround .section2 .subSection {padding-left:1px;}

#surround .section1 .newsContent h2,
#surround .section2 .newsContent h2 {padding:5px 0 0 0;}

#surround .section1 .newsContent,	
#surround .section2 .newsContent {
	background-image: url(../theme/gradient_bg.gif); 
	background-position: top; background-repeat: repeat-x;		
	padding:5px 0px 100px 10px;
	_padding-bottom:0px;
}
	
#surround .section1 .newsContent2,
#surround .section2 .newsContent2 {
		margin:0 10px;
		padding-top:10px;
		background-image:url(../theme/dots.gif);
		background-repeat:repeat-x;
}

#surround .section1 .newsContent h2 img,
#surround .section2 .newsContent h2 img {margin:0; padding:0;}
	
#surround .section2 .nxLogo{float:right; margin:0 10px 0 15px;}

#surround .section1 .newsContent .contentSub1,
#surround .section2 .newsContent .contentSub1 {margin:10px 0px 10px 0px; float:left; width:160px; padding:0;}
#surround .section1 .newsContent .contentSub2,
#surround .section2 .newsContent .contentSub2 {margin:10px 0px 10px 7px; float:left; width:155px; padding:0;}

#surround .section1 .newsContent2 .contentSub1,
#surround .section2 .newsContent2 .contentSub1,
#surround .section1 .newsContent2 .contentSub2,
#surround .section2 .newsContent2 .contentSub2 {margin:0; float:left; width:150px; padding:0;}

#surround .section1 .newsContent img,
#surround .section2 .newsContent img {margin-bottom:10px;}

#surround2 .section1 {margin:0 10px 19px 10px;}
#surround2 .section2 {margin:0 10px;}

#section1,
#section2 {float:left; margin:10px;}
#section3 {float:left; margin:-30px 0 25px 25px; width:390px;}

#section1Sub1 h2,
#section1Sub2 h2,
#section1Sub3 h2,
#section2Sub2 h2 {margin-bottom:-15px;}
#section2Sub1 h2 {margin-bottom: 20px;}

#section1Sub1 {float:left; width:250px; padding:0 15px 0 0; margin:0;}
#section1Sub2 {float:left; width:250px; padding:5px 0 0 0;}
#section1Sub3 {float:left; width:205px;}
#section2Sub1 {float:left; width:220px; padding:0 0 0 0; margin:20px 0 0 0;}
#section2Sub2 {width:220px; padding:5px 0 0 0; margin:0 0 0 10px;}

#section1Sub1 #loginbox,
#section1Sub3 #loginbox,
#section2Sub1 #loginbox {padding:5px 10px 5px 10px;}

#section1Sub1 .mediumLinks li,
#section1Sub2 .mediumLinks li {margin-bottom:15px;}

#section1Sub1 .mediumLinks li.last,
#section1Sub2 .mediumLinks li.last {margin-bottom:0px;}

#section2 img.branding {margin-bottom:10px;}

#section1Sub1 div.formBox {width:160px; margin:-10px 0 0 30px;}
#section2Sub1 div.formBox {width:160px; margin:-10px 0 0 20px;}
#section1Sub1 div.formBox label,
#section2Sub1 div.formBox label {margin-bottom:15px; display:block;}
#section1Sub1 div.formBox label span,
#section2Sub2 div.formBox label {display:block;}
#section1Sub1 div.formBox .submitButton,
#section2Sub1 div.formBox .submitButton{float:right; margin-bottom:10px; _margin-bottom:0;}
#section1Sub1 .exLink,
#section2Sub1 .exLink {clear:both;}

/* Footer Styles */
#footerBar {display:block; clear:both; background-color:#fff; text-align:left; margin-left:auto; margin-right:auto;}
#footerBar #footNotes {background-color:#f0f0f0;}
#footerBar div.nav {background-color:#fff; background-image:url(../theme/state/footer_bg.gif); padding:7px 20px; background-position:0 100%; background-repeat:repeat-x;}
#footerBar ul {margin:0; padding:0; display:inline; list-style:none;}
#footerBar li {border-left:1px solid #ccc; padding:0 8px 0 9px; margin:0; display:inline; list-style:none;}
#footerBar li.first {border-left:none; padding:0 8px 0 0; margin:0; display:inline; list-style:none;}
#footerBar a {color:#003399; text-decoration:none;}
#footerBar a:hover {color:#666666; text-decoration:underline;}
#footerBar div.copy {float:right; margin:10px 20px 40px 0; _margin-right:10px; color:#999;}
#footerBar div.caCopy {float:left; margin:10px 20px 40px 20px; _margin-left:10px; color:#999;}

/* Buttons Styles */
#buttons #add,
#buttons #cancel, 
#buttons #dial, 
#buttons #help, 
#buttons #live,
#buttons #login,
#buttons #newuser,
#buttons #submit,
#buttons #test,
#buttons #update {float:left; margin:0; padding:5px 0 0 5px; cursor: pointer;}

#buttons #add img,
#buttons #cancel img, 
#buttons #dial img, 
#buttons #help img, 
#buttons #live img,
#buttons #login img,
#buttons #newuser img,
#buttons #submit img,
#buttons #test img,
#buttons #update img {position:relative; left:-1000px; top:-1000px; margin:0; padding:0;}

#buttons #add a,
#buttons #cancel a, 
#buttons #dial a, 
#buttons #help a, 
#buttons #live a,
#buttons #login a,
#buttons #newuser a,
#buttons #submit a,
#buttons #test a,
#buttons #update a {display:block; _display:inline-block;  margin:0; padding:0;}

#buttons #add a:hover,
#buttons #cancel a:hover, 
#buttons #dial a:hover, 
#buttons #help a:hover, 
#buttons #live a:hover,
#buttons #login a:hover,
#buttons #newuser a:hover,
#buttons #submit a:hover,
#buttons #test a:hover,
#buttons #update a:hover {text-decoration:underline;}