h1{ color: #F60; margin: 1em 0 0; letter-spacing: -2px; }

p{margin: 0 0 1.7em; }



/*---------- bubble tooltip -----------*/

a.tt{

    position:relative;

    z-index:24;

    color:#3CA3FF;

	font-weight:bold;

    text-decoration:none;

}

a.tt span{ display: none; }



/*background:; ie hack, something must be changed in a for ie to execute it*/

a.tt:hover{ z-index:25; color: #aaaaff; background:;}

a.tt:hover span.tooltip{

    display:block;

    position:absolute;

    top:0px; left:0;

	padding: 15px 0 0 0;

	width:200px;

	color: #993300;

    text-align: center;

	filter: alpha(opacity:90);

	KHTMLOpacity: 0.90;

	MozOpacity: 0.90;

	opacity: 0.90;

}

a.tt:hover span.top{

	display: block;

	padding: 30px 8px 0;

    background: url(bubble.gif) no-repeat top;

}

a.tt:hover span.middle{ /* different middle bg for stretch */

	display: block;

	padding: 0 8px; 

	background: url(bubble_filler.gif) repeat bottom; 

}

a.tt:hover span.bottom{

	display: block;

	padding:3px 8px 10px;

	color: #548912;

    background: url(bubble.gif) no-repeat bottom;

}



/*footer*/

#footer { height:76px; background:url(images/footer_bg.gif) top left repeat-x; font-size:0.687em;}

#footer .col1 {width:550px;}

#footer .col2 {width:239px;}

#footer .pad { padding-left:66px;}

#footer .div { padding-top:13px;}

#footer .div1 { padding:10px 0px 0 0; line-height:1.272em; width:153px; color:#161616; font-weight:bold;}

#footer .div1 a {color:#161616; font-weight:bold;}

#footer .div2 { padding:10px 0 0 0px;}

#footer a {text-decoration:none;}

#footer a:hover { text-decoration:underline;}

/**/

* {margin:0; padding:0;}

html {height:100%;}

body { height:100%;  background:url(images/bg_body.jpg) top left repeat-x #e2e2e2;}

table, td {border-collapse:collapse; font-size:100%;}

table, td, img {border:0;}

form, td {margin:0; padding:0;}

td, select, input, textarea {color:#878787; font-family:Tahoma; vertical-align:top; text-align:left;}

img { vertical-align:top;}





.bg_line { background:url(images/bg_line.gif) bottom repeat-x;}

.clear { clear:both;}

.pic { float:left;}

.pad { padding-left:34px;}

.block { width:717px; background:url(images/bg_block.gif) bottom repeat-x #fff;}

.block .l_t { background:url(images/l_t.gif) top left no-repeat;}

.block .r_t { background:url(images/r_t.gif) top right no-repeat;}

.indent { padding:5px 5px 15px 5px;}





.block1 { background:url(images/bg_block1.gif) left bottom repeat-x #fff; width:257px; float:left;}

.block1 .top_line { background:url(images/top_line.gif) top left repeat-x;}

.block1 .right_line { background:url(images/right_line.gif) right top repeat-y;}

.block1 .bottom_line { background:url(images/bottom_line.gif) bottom left repeat-x;}

.block1 .left_line { background:url(images/left_line.gif) left top repeat-y;}

.block1 .t_l1 { background:url(images/t_l1.gif) top left no-repeat;}

.block1 .t_r1 { background:url(images/t_r1.gif) top right no-repeat;}

.block1 .b_r1 { background:url(images/b_r1.gif) bottom right no-repeat;}

.block1 .b_l1 { background:url(images/b_l1.gif) bottom left no-repeat;}

.block1 .ind { padding:23px 27px 23px 25px;}





.block2 { background:#fff; width:444px; float:left;}

.block2 .top_line2{ background:url(images/top_line2.gif) top left repeat-x;}

.block2 .right_line2 { background:url(images/right_line2.gif) right top repeat-y;}

.block2 .bottom_line2 { background:url(images/bottom_line2.gif) bottom left repeat-x;}

.block2 .left_line2 { background:url(images/left_line2.gif) left top repeat-y;}

.block2 .t_l1 { background:url(images/t_l2.gif) top left no-repeat;}

.block2 .t_r1 { background:url(images/t_r2.gif) top right no-repeat;}

.block2 .b_r1 { background:url(images/b_r2.gif) bottom right no-repeat;}

.block2 .b_l1 { background:url(images/b_l2.gif) bottom left no-repeat;}





/*in_line_style*/

a{ color:#d87e08;}

a:hover{text-decoration:none; color:#1b1b1b;}





span a { color:#878787;}









.w { width:100%;}

.w1 { width:100%;}

.site_center {text-align:center; width:100%;}

.site_center1 {margin:0 auto; text-align:left; width:900px;}



/*header*/

#header { height:100%; font-size:0.75em;}

#header .col1 {width:195px;}

#header .col2 {width:134px;}

#header .logo { margin:16px 0 0 18px; float:left;}

#header .menu { margin:6px 0 0 33px; float:left;}

#header .div { width:750px;}

#header .row1 { height:107px;}

#header .row2 { height:227px; background:url(images/bg_row2-OR.jpg) top left no-repeat;}

#header .ind { margin:36px 0 0 59px;}

#header .p { float:center; margin-top:1px;}

#header .p1 { margin-top:33px;}



/*content*/

#content { height:390px; font-size:0.75em;}

#content table, td { line-height:1.33em;}



/*footer*/

#footer { height:76px; background:url(images/footer_bg.gif) top left repeat-x; font-size:0.687em;}

#footer .col1 {width:475px;}

#footer .col2 {width:239px;}

#footer .pad { padding-left:66px;}

#footer .div { padding-top:13px;}

#footer .div1 { padding:10px 0px 0 0; line-height:1.272em; width:153px; color:#161616; font-weight:bold;}

#footer .div1 a {color:#161616; font-weight:bold;}

#footer .div2 { padding:10px 0 0 0px;}

#footer a {text-decoration:none;}

#footer a:hover { text-decoration:underline;}







/*index.html*/

#page1 #content .indent { padding:5px 5px 15px 5px;}

#page1 #content .col1 { width:100%;}

#page1 #content .col1 .div { position:relative; top:-26px; left:12px;}

#page1 #content .col1 .div1 { position:relative; top:-26px; left:14px;}

#page1 #content .col1 .ind { padding:3px 10px 0 27px;}

#page1 #content .col1 p { margin:1px 0 10px 0;}

#page1 #content .col1 .bg_line { padding-bottom:7px; margin-bottom:11px;}

#page1 #content .col1 .p { margin:0 0 0 280px;}

#page1 #content .col2 { width:292px;}

#page1 #content .col2 .div { position:relative; top:-117px; left:23px;}

#page1 #content .col2 p { margin:0 0 5px 0;}

#page1 #content .col2 .div1 { position:relative; top:-111px; left:197px;}

#page1 #content .col2 .title { position:relative; top:-120px; left:21px;}

#page1 #content .col2 .ind { margin:-74px 22px 27px 21px;}

#page1 #content .col2 ul { padding-top:14px;}







/*index-1.html*/

#page2 #content .block2 .ind1 { padding:23px 27px 25px 27px;}

#page2 #content .block1 .ind { padding:23px 27px 23px 25px;}

#page2 #content .indent { padding:4px 0px 10px 4px;}

#page2 #content .title { margin:0 0 17px 2px;}

#page2 #content .conteiner { width:714px;}

#page2 #content .title1 { margin-bottom:14px;}

#page2 #content p { margin:16px 0 24px 0;}

#page2 #content .pic { margin:0 16px 23px 0;}

#page2 #content .pic2 { margin:0 16px 0px 0; float:left;}

#page2 #content .div { padding-top:4px;}

#page2 #content .pic1 { position:relative; top:-18px; left:593px;}

#page2 #content .block1 { margin-right:8px;}



/*index-2.html*/

#page3 #content .block2 .ind1 { padding:23px 27px 2px 27px;}

#page3 #content .block1 .ind { padding:24px 27px 32px 28px;}

#page3 #content .indent { padding:4px 0px 10px 4px;}

#page3 #content .col1 { width:265px;}

#page3 #content .col2 { width:444px;}

#page3 #content .col1 .title { margin:0 0 14px -2px;}

#page3 #content .col2 .title { margin:0 0 10px 0px;}

#page3 #content p { padding:22px 0 16px 0;}

#page3 #content .pic1 { position:relative; top:-15px; left:147px;}

#page3 #content .title1 { margin-bottom:18px;}

#page3 #content .pic { margin-right:16px;}

#page3 #content .div { padding:4px 0 26px 0;}

#page3 #content .pic2 { position:relative; top:-15px; left:317px;}

#page3 #content .pad1 { padding:20px 0 0 0;}

#page3 #content .div1 { height:23px;}

#page3 #content .indent1 { padding:3px 0px 10px 27px;}





/*index-3.html*/

#page4 #content .block1 .ind1 { padding:26px 27px 2px 28px;}

#page4 #content .block2 .ind { padding:25px 20px 21px 27px;}

#page4 #content .indent { padding:4px 0px 0px 4px;}

#page4 #content .col1 { width:452px;}

#page4 #content .col1 .pad { padding:26px 30px 0 26px;}

#page4 #content .col1 p { padding:13px 0 16px 0;}

#page4 #content .col1 .bg_line { padding-bottom:9px; margin-bottom:9px;}

#page4 #content .col1 .pic1 { text-align:right; margin-bottom:9px;}

#page4 #content .col1 .div { margin:12px 0 4px 0;}

#page4 #content .col1 .pic2 { position:relative; top:-15px; left:317px;}

#page4 #content .col2 { width:257px;}

#page4 #content .col2 .title { margin-bottom:13px;}

#page4 #content .col2 ul { padding:24px 0 8px 0;}

#page4 #content .col2 .pic1 { position:relative; top:-14px; left:147px;}



/*index-4.html*/

#page5 #content .block2 .ind1 { padding:24px 80px 23px 27px;}

#page5 #content .block1 .ind { padding:24px 27px 32px 28px;}

#page5 #content .indent { padding:4px 0px 10px 4px;}

#page5 #content .col1 { width:265px;}

#page5 #content .col1 strong { color:#d87e08;}

#page5 #content .col1 .title { margin-bottom:11px;}

#page5 #content .col1 p { padding-top:16px;}

#page5 #content .col2 { width:444px;}

#page5 #content .col2 .title { margin-bottom:13px;}

#page5 #content .col2 .pic { margin-right:16px;}

#page5 #content .col2 .title1 { margin:27px 0 0 27px;}

#page5 #content .col2 .pad1 { margin:15px 0 0 27px;}

#page5 #content .col2 .div { height:27px;}

#page5 #content .col2 .div1 { height:83px;}

#page5 #content .col2 .div2 { text-align:right;}



/*index-5.html*/

#page6 #content .indent { padding:30px 29px 10px 30px;}

#page6 #content .title { margin-bottom:10px;}

#page6 #content p { margin:0 0 16px 0;}







.input {color:#000000;		 

		height:18px;

		width:171px;

		background:#dadada;

		margin-right:5px;

}



.input1 {color:#878787;		 

		height:19px;

		width:189px;

		background:#fff;

		border:solid 1px #878787;		

}



.jamp { height:18px; 

		color:#000000;				

		width:70px;

		border:solid 1px #878787;

		background:#dadada;

		margin-right:6px;

		font-size:1em;		

}



textarea{  background:#fff;

		   color:#878787;

		   border:solid 1px #878787;

		   width:199px; height:73px;

		   overflow:auto;

		   font-size:1em;

		   

		    

}

#company_title{background-color:#00162C;color:#FFF;float:left;font-size:24px;line-height:60px;margin:0;padding:0;text-align:left;}
#content_container{background:#FFF url(images/content_container_bg.gif) repeat-y;border:5px solid #258;color:#666;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{float:left;margin:0;padding:15px;text-align:left;width:630px;}
#side_menu{background-color:#f1f1f1;border:1px solid #f3f3f3;float:right;margin:0;padding:15px;text-align:left;width:200px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{background-color:#00162C;height:60px;margin:0 auto;padding:0;text-align:left;width:960px;}
#top_container{background-color:#00162c;border-bottom:3px solid #036;color:#FFF;height:60px;margin:0;padding:0;text-align:center;}
#top_menu{background:#F5F5F5 url(images/top_menu_bg.gif) repeat-x;height:30px;line-height:30px;margin:0;padding:0;text-align:left;}
#top_menu ul{list-style:none;margin:0;padding:0;}
#top_menu ul li{float:left;margin:0;padding:0;}
#top_menu ul li a,#top_menu ul li a:visited{color:#666;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:110px;}
#top_menu ul li a.down,#top_menu ul li a.down:visited,#top_menu ul li a.down:hover{background-color:#FFF;border-right:1px solid #EBEBEB;color:#333;font-weight:700;width:99px;}
#top_menu ul li a:hover{background-color:#EBEBEB;color:#333;}
#welcome_box{background-color:#00162C;float:right;line-height:60px;margin:0;padding:0;text-align:right;}
#welcome_box a,#welcome_box a:visited{color:#accbff;text-decoration:none;}
#welcome_box a:hover{text-decoration:underline;}
.absmiddle{vertical-align:middle;}
.breadcrumb{background-color:#F5F5F5;margin:0 0 10px;padding:10px;}
.clear{clear:both;}
.green{color:#006F0F;}
.header{color:#000000;font-size:14px;font-weight:700;}
.red{color:#BF0000;}
.small{font-size:11px;}
.warning{background-color:#FFFFDF;border:1px solid #FDFF3F;margin:0 0 10px;padding:10px;}
.contentbox{padding:10px;margin:0 0 10px;text-align:center;}
.errorbox{background-color:#FFBFBF;padding:10px;margin:0 0 10px;text-align:center;color:#7F0000;}
.clientareatableactive{background-color:#DFFFE0}
.clientareatablepending{background-color:#EFEFEF}
.clientareatablesuspended{background-color:#FFF6CF}
.clientareatableterminated{background-color:#FFCFCF}
.clientticketreplyheader{background-color:#EBEBEB;color:#333;border-top:1px solid #CCC;border-right:1px solid #CCC;border-bottom:1px solid #EBEBEB;border-left:1px solid #CCC;}
.clientticketreply{background-color:#F5F5F5;margin:0 0 10px;padding:10px;border-right:1px solid #CCC;border-bottom:1px solid #CCC;border-left:1px solid #CCC;}
.adminticketreplyheader{background-color:#CFE6FF;color:#333;border-top:1px solid #CAE6FF;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF}
.adminticketreply{background-color:#EEF6FF;padding:10px;margin:0 0 10px;border-right:1px solid #CAE6FF;border-bottom:1px solid #CAE6FF;border-left:1px solid #CAE6FF;}
.networkissueaffected{background-color:#EFEFEF;padding:10px;margin: 0 0 10px;}
.textgreen{color:#158F00;}
.textred{color:#9F0000;}
a,a:visited{color:#333;text-decoration:underline;}
a:hover{color:#666;text-decoration:none;}
body{margin:0;padding:0;}
body,td,th{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#000000;font-size:24px;font-weight:400;margin:0 0 12px;padding:0 0 3px;}
h2{border-bottom:1px solid #F5F5F5;color:#333;font-size:18px;font-weight:400;margin:0 0 5px;padding:10px 0 3px;}
h3{color:#666;font-size:16px;font-weight:700;margin:0;padding:10px 0 5px;}
hr{background-color:#EBEBEB;border:0;border-top:1px solid #EBEBEB;height:0;margin:10px 0;overflow:hidden;}
input,select,textarea{color:#666;font-family:Lucida Sans Unicode, Lucida Grande, sans-serif;font-size:12px;margin:0;padding:2px;}
p{margin:0;padding:3px 0 8px;}
table.data{margin:0 0 10px;padding:0;}
table.data td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.data th{background-color:#888;border-bottom:1px solid #333;color:#FFF;font-weight:400;}
table.data tr.clientareatableactive td{background-color:#DFFFE0 !important;}
table.data tr.clientareatablepending td{background-color:#EFEFEF !important;}
table.data tr.clientareatablesuspended td{background-color:#FFF6CF !important;}
table.data tr.clientareatableterminated td{background-color:#FFCFCF !important;}
table.frame{margin:0 0 10px;padding:0;border:1px solid #EBEBEB;border-bottom:0;}
table.frame table td{background-color:#FFF;border-bottom:1px solid #EBEBEB;}
table.frame table td.fieldarea{background-color:#F5F5F5;color:#333;text-align:right;border-right:1px solid #EBEBEB;}