@charset "utf-8";
/* CSS Document */

/*
---------------------------------------------
01. MAIN/DEFAULT ELEMENTS
---------------------------------------------
*/

body { margin:0; padding:0; background-color: #eee; background: url(../images/homebg.gif) repeat; font-family:Arial, Helvetica, sans-serif}

.text12 {Color:#000000; font-family:arial, tahoma,verdana; font-size:12px; line-height: 15px; text-decoration:none; }

p { margin:0; padding:0; line-height:1.3em;font-size:14px; color:#FFFFFF}
h1 { width:432px; height:30px; margin:0; font-size:20px; font-family:Georgia, Arial Narrow, Helvetica, sans-serif; font-weight:normal; 
letter-spacing:-0.5px; background: #eae8e9; float:left; padding-left: 5px; padding-top: 3px;}
h2 { margin:0; padding:0; font-size:13px; font-family:Arial , Helvetica, sans-serif; font-weight:bold;color:#fff; padding-left:20px }
h2 a:link, h2 a:visited { color:#FFFFFF; text-decoration:underline}
h2 a:hover { color:#FFFFFF; text-decoration:underline}
h4 { font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#000; padding-left:13px; margin:0; padding-top:4px; font-weight:bold}
h5 { font-family:Arial, Helvetica, sans-serif; font-size:17px; color:#8d8d57; padding-left:10px; margin:0; margin-top:20px; font-weight:bold; float:left;}

.h1a {font-size:19px; font-family: arial, georgia, Helvetica; color:#0e5c8d; font-weight: bold; line-height: 25px; letter-spacing: -1.2px;}
.h1b {font-size:19px; font-family: arial, georgia, Helvetica; color:#526C47; font-weight: bold; line-height: 25px; letter-spacing: -1.2px;}
.h1c {font-size:19px; font-family: arial, georgia, Helvetica; color:#5D5D1C; font-weight: bold; line-height: 25px; letter-spacing: -1.2px;}

/*
---------------------------------------------
02. WRAPPER
---------------------------------------------
*/

#wrapper { width:868px; margin:0 auto; z-index:1; }
#wrapper2 {
	width: 960px;
	margin: 0 auto;
	background: url(../images/img02.jpg) repeat-y;
}


/*
---------------------------------------------
03. HEADER, LOGO AND TOP LINKS
---------------------------------------------
*/

#header { width:868px; background:#106291 url(../images/bg_header.jpg) no-repeat; height:89px; float:left}
#logo { width:400px; height:70px; float:left; margin-top:3px; padding-left:8px;}
#clientstatus { width:165px; height:50px; float:right; margin-top:10px; padding-right:10px}
#tollfree { width:230px; height:25px; float:right; position:relative; margin-top:60px; margin-right:-165px }

/*
---------------------------------------------
04. MAIN NAVIGATION
---------------------------------------------
*/

#nav-shadow { width:868px; background: url(../images/nav-shadow.jpg) no-repeat; height:32px; float:left}
#nav {height:26px;width:770px; margin: 0 auto; padding: 0; list-style: none; }
#nav li { float: left; margin: 0; padding: 0 0 0 0px; list-style: none; background: url(../images/divider.jpg) no-repeat top right; text-align:center}
#nav a { float: left; padding: 5px 24px; text-decoration: none; color: #fff;font-size:14px; font-weight:bold; text-transform: capitalize; font-family:Arial, Helvetica, sans-serif}
#nav a:hover, #nav a.active { font-family:Arial, Helvetica, sans-serif; color: #fada05; }
#nav a.active { font-weight: bold; background: #adadad url(../images/nav_hover.jpg) repeat-x bottom left; color:#3c5f70; border-left:0px solid #9ea2a4}

/*
---------------------------------------------
05. CONTENT, LEFT AND RIGHTPANEL
---------------------------------------------
*/

#content { width:868px; float:left; position:relative; background-color:#FFFFFF; padding-bottom:50px;}
#leftpanel { width:432px; float:left; padding-bottom:4px;}
#rightpanel { width:430px; float:left;padding-bottom:4px;}
.leftpanel { width:432px; padding-bottom:4px;}
.rightpanel { width:430px; padding-bottom:4px;}
.panelrow { padding-bottom:4px;border:solid 1px black;}
#mainpanel { width:868px; float:left; padding: 0px;}
#faqbox { width:750px; float:left; padding: 10px; margin-left: 30px; margin-top: 15px;}


.box { width:432px; margin-bottom:6px; padding-bottom:4px; }
.icon-border { vertical-align:top; margin-top:3px; margin-left:1px}
.icon { margin-top:3px; margin-left:1px; position:relative}
.step-icon { float:left; margin-top:2px; margin-left:37px; margin-bottom: 35px; margin-right: 9px; position:relative}

.headermc { background: #3399cc; width:864px; margin-bottom:6px; float:left}
.headercs { background: #669933; width:864px; margin-bottom:6px; float:left}

.boxcs{background:#fff top width:689px; height: 214px; margin: 10px 10px 10px 10px; position:relative;
padding:15px 20px 7px 30px; text-align:left;}

.bg_basics { background:#ffffff url(../images/bg_basics.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px;}
.bg_resolutions { background:#ffffff url(../images/bg_resolution.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px}
.bg_videos { background:#ffffff url(../images/bg_videos.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px}
.bg_mysituation { background:#ffffff url(../images/bg_mysituation.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px}
.bg_theinternet { background:#ffffff url(../images/bg_theinternet.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px}
.bg_faq {background:#ffffff url(../images/bg_faq.jpg) no-repeat; width:332px; height:140px; margin:0; padding:0; float: right;margin-top:3px}

ul.list {margin:0;padding:0;list-style:none;color: #fff;font-family: Arial, Helvetica,sans-serif;font-size:14px;font-weight: bold; line-height:1.3em;  width:300px; float:left; padding-left:12px; margin-top:10px; height:92px;}
ul.list li {width:290px;display:block;background:url(../images/bullet.gif) top left no-repeat;margin:0px; padding:0px 5px 5px 17px;float:left}
ul.list a:link, ul.list a:visited {color: #fff; text-decoration:none}
ul.list a:hover {color: #fff; text-decoration: underline}

ul.faq {margin:0;padding:0;list-style:none;color: #336699;font-family: Arial, Helvetica,sans-serif;font-size:12px;font-weight: bold; line-height:1.3em;  width:300px; float:left; padding-left:12px; margin-top:10px; height:92px;}
ul.faq li {width:390px;display:block;background:url(../images/bullet-solid.png) top left no-repeat;margin:0px; padding:5px 5px 5px 12px;float:left}
ul.faq a:link, ul.faq a:visited {color: #333333; text-decoration:none}
ul.faq a:hover {color: #336600; text-decoration: underline}

.textsmall { font-size:12px; font-weight:normal}
.icons-right {margin-top:-3px; margin-left:-50px; float:left; padding:0 }
.b17a {	margin-top:12px; margin-left:7px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 17px; color: #666; line-height: 17px; letter-spacing: -0.9px; font-weight: bold; }
.g17a {	margin-top:12px; margin-left:7px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 17px; color: #339900; line-height: 17px; letter-spacing: -0.9px; font-weight: bold; }
.bl17a {	margin-top:12px; margin-left:7px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 17px; color: #336699; line-height: 17px; letter-spacing: -0.9px; font-weight: bold; }
.inside-header { white-space:nowrap;  margin-top:12px; margin-left:7px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 17px; color: #647f59; line-height: 17px; letter-spacing: -0.9px; font-weight: bold; }
.faq-q {	margin-top:12px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 17px; color: #8d8d57; line-height: 17px; letter-spacing: -0.9px; font-weight: bold;	}
.r25  {	text-decoration: none; font-family: georgia; font-size: 25px; color: #c90000; line-height: 25px; letter-spacing: -1.2px; margin-left: 10px; }
.viewdetails { background:url(../images/arrow.gif) no-repeat top left; float:right; margin-top:10px; padding-bottom:10px; padding-right:15px}
.bl15a {	margin-top:12px; margin-left:7px; margin-bottom: 7px; text-decoration: none; font-family: arial, georgia; font-size: 15px; color: #666; line-height: 17px; letter-spacing: -0.9px; font-weight: bold; }

/*
---------------------------------------------
06. MISCELLANEOUS STYLES
---------------------------------------------
*/

a:link, a:visited {	color:#fff;	text-decoration: none;}
a:hover, a:active { color:#fff;}

img { border:none}

/*
---------------------------------------------
7. SUB PAGES STYLES
---------------------------------------------
*/

#heading_basics { background-color:#417793; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_mysituation { background-color:#417793; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_resolutions { background-color:#657d59; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_casestatus { background-color:#439f05; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_insideirs {background-color:#657d59; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_faqs { background-color:#8d8d57; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_login { background-color:#5aa226; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}
#heading_videos { background-color:#8d8d57; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}

.section-title {font-size:20px; font-family: georgia; color: #ffffff; line-height: 25px; letter-spacing: -1.2px;}
.heading_innerpages { padding-left:15px; padding-top: 3px; float:left; font-size:21px; font-family: arial, georgia; color: #ffffff; font-weight: bold;
line-height: 12px; letter-spacing: -1.2px;}

#leftpanel_inner { width:350px; float:left;  padding-left:10px; color:#000000;}
#rightpanel_inner { width:500px; float:left;}

.leftpanel_dashboard { width:350px; float:left;  padding-left:10px; color:#000000;}
.rightpanel_dashboard { width:500px; float:left;}

.box_left { background:#dce7ed url(../images/bgbox_left.jpg) no-repeat; width:360px; height:250px; float:left; margin:0; padding:0; margin-top:20px;margin-left:40px;}
.heading_clientslogin {margin-left:70px; margin-top:12px}

.contactform { margin-top:30px; margin-left:10px}
label{float: left;width: 90px;font-weight: normal; font-size:18px;text-align:right; padding-right:5px; color:#666666; margin-top:4px}
/*input, textarea{width: 230px;margin-bottom: 15px; margin-top:4px;border:1px solid #000000; font-size:14px; padding:2px}*/
.submitbutton{margin-left: 90px;margin-top:10px;}
.sendbutton{margin-left: 135px;margin-top:5px;}
.loginerror{margin-left: 90px;margin-top:10px;color:Red}

br {clear: left;}

.box_right { background:#dce7ed url(../images/bgbox_left.jpg) no-repeat; width:360px; height:250px; float:right; margin:0; padding:0; margin-top:20px;margin-right:40px;}
.box_right_bigger { background:#dce7ed url(../images/bgbox_right.jpg) no-repeat; width:425px; height:410px; float:right; margin:0; padding:0; margin-top:20px}
.heading_notaclient {margin-left:120px; margin-top:12px; margin-bottom:15px}

.option { width:390px; padding-left:10px; margin-bottom:20px; float:left}
.option h2 { width:300px; color:#000000; float:left; font-size:16px; font-weight:bold; color:#666666; padding-left:10px}

.img_option { width:80px; height:40px; float:left; margin:0; padding:0}

.highlight_green { color:#4c9914}

a.green {Color:#999966; font-family:arial,verdana; font-size:12px; text-decoration:none; font-weight: bold;}
a.green:visited {Color:#006699; font-family:arial,verdana; font-size:12px; text-decoration:none; font-weight: bold;}
a.green:hover {color:#cc6600; font-family:arial,verdana; font-size:12px; text-decoration:underline;font-weight: bold;}
.greenline {Color:#999966; font-family:arial,verdana; font-size:12px; text-decoration:none; font-weight: bold;}
/*
---------------------------------------------
09. MY CASE PAGE STYLES
---------------------------------------------
*/

#mycase { width:790px; margin:0; padding:0; float:left; padding-left:20px; margin-top:10px;}
.step_mycase { width:760px; padding-left:10px; margin-bottom:15px; float:left; position:relative}
.step_mycase h2 { width:670px; color:#000000; float:left; font-size:16px; font-weight:bold; color:#333333; padding-left:10px; margin:0; padding-top:5px}

#step1 { background:url(../images/bg_step1.jpg) no-repeat; width:794px; height:230px; float:left; margin-bottom:10px;}
.img_step { width:72px; height:35px; float:left; margin:0; padding:0}

.mycaseform { margin-top:0px; margin-left:30px}
.mycase_formtext { text-align:left; color:#436c04; font-size:14px; font-weight:bold; white-space:nowrap}
/*.mycase_input { border:1px solid #c1c1c1; margin-bottom:3px; background-color:#f5f5f5; width:220px; font-size:18px;}*/

#step2 { background:url(../images/bg_step2.jpg) no-repeat; width:770px; height:80px; float:left; margin-bottom:10px;}
.mycase_textemail { text-align: right; color:#436c04; font-size:16px; font-weight:bold; width:280px; padding-right:10px; padding-top:2px}

.button_analyze {margin-left: 300px;margin-top:25px; padding:0}

/*
---------------------------------------------
10. FAQ PAGE STYLES
---------------------------------------------
*/

#heading_faq { background-color:#8d8d57; height:55px; border-bottom:5px solid #dcddde; width:868px; margin-top:-6px; position: relative}


.backtomoreinfohidden {float:right; margin-top:20px; padding-right:15px;}
.backtomoreinfo { background:url(../images/button_back.jpg) no-repeat top left; float:right; margin-top:20px; padding-right:15px;}
.backtomoreinfo h2 { margin:0; padding:0; font-size:14px; font-family:Arial , Helvetica, sans-serif; font-weight:bold;color:#fff; padding-left:20px; }
.backtomoreinfo h2 a:link, .backtomoreinfo h2 a:visited { color:#FFFFFF; text-decoration: none}
.backtomoreinfo h2 a:hover { color:#FFFFFF; text-decoration:underline}

.icon_faq {vertical-align:middle; font-family:Arial, Helvetica, sans-serif; font-size:16px; color:#417793; font-weight:bold; float:right; height:33px; margin-top:10px; padding-right:20px; white-space:nowrap}

#questions { white-space:nowrap;float:left; margin:0; padding:0; margin-top:14px; color:#000000; display:block;}
.qns_parent {line-height:1.4em;font-size:14px;}
.qns_child	{padding-left:40px;line-height:1.4em;font-size:12px;}

.qns_list {margin: 0; width:320px; background:url(../images/bullet_green.gif) top left no-repeat;width: 320px;font-family:Arial, Helvetica, sans-serif; font-size:13px;color: #000; height:450px;float:left ; line-height:1.4em; font-weight:normal }
.qns_list a {display: block;padding: 8px 5px 6px 24px;border-bottom: 2px dotted #cfd7cb;color: #000;text-decoration: none; }
.qns_list a:hover {color: #973b3e; width:304px; background:#fff url(../images/bullet_green.gif) top left no-repeat;}

.qns_selected { font-weight:bold; color: #973b3e; width:314px; background:#fff url(../images/bullet_green.gif) top left no-repeat;}


#answers { border:2px solid #dcddde; width:500px; float: right; margin:0; padding:0; margin-top:10px; display:block; background-color:#f9f9f4}
#answers .qns {font-family:Arial, Helvetica, sans-serif; font-size:16px; padding-left:10px; margin:0; padding-top:4px; font-weight:bold; color:white; width:490px; height:25px; border-bottom:1px solid #dcddde; float:left; position:relative}
#answers .ans {width:495px;float: right; margin:0; padding:0; color:#000000; display:block; height:335px;overflow: auto; }
#answers p { color:#333333; margin:0; padding:4px; font-size:13px; padding-top:10px; padding-bottom:10px; padding-right:10px; line-height:1.4em}



#footer { height:100px; text-align:center; font-size:11px;  margin-top:10px}


/*
---------------------------------------------
11. ADMIN
---------------------------------------------
*/
.treeNodeGroup {	
	font-family: Arial, Tahoma;
	font-size: 12px; 
	color: #000000;
	padding-left: 3px;
	text-decoration: none;
	font-weight:bold;
}
.treeNodeRed {
	font-family: Arial, Tahoma;
	font-size: 12px; 
	color: red;
	padding-left: 3px;
	text-decoration: none;
}

/*
_______________________________
12. CUSTOM
-------------------------------
*/
.dashboard_header {font-family:Arial, Helvetica, sans-serif; font-size:15px; padding-left:10px; margin:0; padding-top:4px; font-weight:bold; color:white; width:490px; height:20px; border-bottom:1px solid #dcddde; width:400px; margin-top:10px; display:block; background-color:#6788BE}

.dashboard_content {text-align:center; vertical-align: middle; height: 150px; font-size:13px; color:#000000; overflow:auto;}