/*============ HTML & BODY ========================================================*/
body { margin:0 auto; padding:0; font-family:arial, verdana, tahoma; font-size:75%; color:#434343; background:#242424 url("images/page_bg.gif") repeat-x;}

/*============ LAYOUT ========================================================*/
#container-top { margin:0em auto; width:73.5em;   padding:0; background: url("images/container_top_bg.png") no-repeat; height:23px; }
#container { margin:0em auto 0 auto; width:73.3em; background:  url("images/container_body_bg.png") repeat-y;}
html>body #container {width:73.5em;}

html>body #content-wrap{margin:0 auto; width:72em;}
#content-wrap{margin:0 auto; width:864px; background:#fff;}
#theme{width:864px; height:191px;}
#sectiontheme{width:864px; height:99px;}
#subpagetheme{width:864px; height:58px;}

/*============ MASTHEAD ========================================================*/
#masthead {background:url("images/header_bg1.gif") repeat-x;}
#masthead h1 {float:left; position:relative; z-index:1000; margin:0 0 0 0.5em; padding:0 0 0 0; width:150px; height:100px;}
#masthead h1 a{width:150px; height:100px; display:block;}
#masthead h1 a span{display:none;}

/*.header-rt{position:absolute;right:19%;top:3em;} 
html>body .header-rt{position:absolute; right:19%; top:3em; }*/

.header-rt{float:right; padding:1em 1em 0 0; top:3em;} 
html>body .header-rt{float:right; padding:1em 1em 0 0; top:3em; }


/*============ TOP NAV  ========================================================*/
#topnav {margin:0; padding:0; background:url("images/topnav_ul_bg.gif") repeat-x bottom; border:0px solid #000; } 
#topnav ul{padding:0 0 0 0; margin:0; float:right; background:url("images/topnav_ul_bg.gif") repeat-x bottom; list-style-type:none; }

/*======= SUB MENU ========================================================*/
.rtsLI a{ background:url("images/sep_ln.gif") no-repeat center right; position:relative; left:1px;}
.rtsLI a.rtsSelected{color:#8d0509; float:left; display:block; background:#fff url("images/submenu_active.gif") top center repeat-x; font-size:1.2em; font-family:"Trebuchet MS"; text-decoration:none; font-weight:normal; position:relative; left:-1px;}
.rtsFirst a.rtsSelected{ position:relative; left:0.5px;}
html>body .rtsFirst a.rtsSelected{ position:relative; left:0px;}

/*============ SERVICES AREA  ========================================================*/
#features-dashboard{margin:0 auto; padding:1.1em 0; width:72em; background:url("images/featdashboard_bg.gif") repeat-x; border-bottom:1px solid #cfcfcf;}
#features-dashboard ul{margin:0 auto; padding:0 0 0 0; list-style-type:none;  width:99%;}
#features-dashboard li{float:left; margin:0; padding:0em 1.6em; width:20.5em; border-right:0px solid #fff;}
#features-dashboard li.right{float:right;}
#features-dashboard li a{display:block; border:0px solid #000; width:240px;}

#rightrail-features-dashboard ul{margin:0 auto; padding:0 0 0 0; list-style-type:none;  width:99%;}
		
#rightrail-features-dashboard li a, #features-dashboard li a {color:#cf151b; text-decoration:none; }	
#rightrail-features-dashboard li a:hover, #features-dashboard li a:hover {color:#434343; text-decoration:none; }
#rightrail-features-dashboard li p, #features-dashboard li p {font-size:1em; padding:0em 0; margin:0.3em 0;}
#rightrail-dash h2, #features-dashboard h2 {margin:0; padding:0em 0; font-family:"trebuchet MS"; font-size:1.7em; font-weight:normal; letter-spacing:-0.01em; color:#dd4c17;}

#features-dashboard li h2.prodservices {background:url("images/prodserv_ic.gif") no-repeat; padding:0.5em 0 0.8em 3em;}
#features-dashboard li h2.partners {background:url("images/partners_ic.gif") no-repeat; padding:0.5em 0 0.8em 3em;}
#features-dashboard li h2.training {background:url("images/network_ic.gif") no-repeat; padding:0.5em 0 0.8em 3em;} 


#rightrail-features-dashboard li a{display:block;}
#rightrail-features-dashboard li h3.prodservices {background:url("images/prodserv_ic_sm.gif") no-repeat; padding:0.3em 0 0 2.3em;}
#rightrail-features-dashboard li h3.partners {background:url("images/partners_ic_sm.gif") no-repeat; padding:0.3em 0 0 2.3em;}
#rightrail-features-dashboard li h3.training {background:url("images/network_ic_sm.gif") no-repeat; padding:0.6em 0 0 2.3em;}


/*============ BODY CONTENT  ========================================================*/

  	.inputbox{border:1px solid #ccc; padding:0.3em;}


	/*------- FONT COLORS -----------------------------------------------------*/
	.breadcrumb{color:#454545; font-size:0.9em;}
	.breadcrumb a{color:#454545; text-decoration:underline;}
	.breadcrumb a:hover{color:#000; text-decoration:none;}

    .body-content{margin:0 0.5em 0 0; padding:1.5em; float:left; width:48em; font-size:1em; border-right:1px solid #ecebeb; }

	.body-content h1,  .body-content1 h1{margin:0.6em 0; padding:0; color:#023377; font-size:2em; font-family:"Trebuchet MS";  font-weight:normal; letter-spacing:-0.01em;}
	.body-content h2{margin:0.6em 0; padding:0; color:#00579c; font-size:1.5em; font-family:"Trebuchet MS";  font-weight:normal; letter-spacing:-0.01em;}


	/*============ RIGHT RAIL  ========================================================*/	
	.rightrail{width:17em; float:left; padding:0.8em; color:#757575; border:0px solid #000;}
	.rightrail h3{margin:0 0 0.3em 0; padding:0; color:#00579c; font-size:1.3em; font-family:"Trebuchet MS";  font-weight:bold;  letter-spacing:-0.01em; }
	.blockcontent{padding:0 0 1.5em 0;}
	.newsitem{font-size:0.9em; color:#757575; display:block; border-bottom:1px solid #ecebeb; padding:0.5em 0; text-decoration:none;}

/*============ CATALOG PAGE ========================================================*/	

	 /* .body-content1 for catalogue pages */
	.body-content1{margin:0 0 0 0; padding:1.5em; float:left; /*width:48em;*/ font-size:1em; border-left:1px solid #ecebeb;}
	.page-hd{margin:0 auto; padding:1.5em 0; border-bottom:1px solid #ecebeb; width:67em;}
	.page-hd h2{margin:0.5em 0 0 0; padding:0; color:#00579c; font-size:1.5em; font-family:"Trebuchet MS";  font-weight:normal; letter-spacing:-0.01em;}		

	/* Left Rail */
	.leftrail{width:16.5em; float:left; margin:0 0 0 0.5em;  padding:0.8em 0 0.8em 0.8em; color:#757575; border:0px solid #000;}
	html>body .leftrail{width:17em;}
	.leftrail h3{margin:0 0 0.3em 1em; padding:0; color:#00579c; font-size:1.3em; font-family:"Trebuchet MS";  font-weight:bold;  letter-spacing:-0.01em; }

	.rpLink{margin:0 0 0 1em; padding:0.5em; font-size:0.9em; display:block; border-bottom:0px solid #ecebeb; border-top:1px solid #ecebeb; background:#fff url("images/leftmenu_bg.gif") no-repeat center right;}
	.leftmenu-active{margin:0 0 0 1em; padding:0.5em; font-size:0.9em; border-bottom:0px solid #ecebeb; border-top:1px solid #ecebeb; display:block;  background:#fff url("images/leftmenuactive_bg.gif") no-repeat center left; position:relative; left:1px; color:#8d0509;}
	.dynamiclink{font-size:1.2em; font-weight:bold; display:block; padding:0.5em 1em; background:url("images/arr_rt.gif") no-repeat left center;}


/* Network Status Page */
	
	.body-content2 {margin:0 0.5em 0 0; padding:1.5em 0.2em 1.5em 1.5em; float:left; width:48em; font-size:1em; border-right:1px solid #ecebeb; }

	.body-content2 h1{margin:0.6em 0; padding:0; color:#023377; font-size:2em; font-family:"Trebuchet MS";  font-weight:normal; letter-spacing:-0.01em;}
	.body-content2 h2{margin:0.6em 0; padding:0; color:#00579c; font-size:1.5em; font-family:"Trebuchet MS";  font-weight:normal; letter-spacing:-0.01em;}


/*============ FOOTER ========================================================*/	
#footer{margin:0 auto; width:74em; padding:1.5em;border-top: 4px solid #ecebeb; font-size:0.9em}


/*============ GENREAL ========================================================*/


    /*------- TABLE ------------------------------------------------------*/
	.tablegrid{padding:0 0; border:0px solid #eaeaea;}
	.tablegrid th{padding:0.7em; background:#e1e1e1; }
	.tablegrid td{padding:0.7em ;}
	.tablegrid .even{background:#F9F9F9;}
	.tablegrid .odd{background:#fff;}
	.border{border:1px solid #eaeaea;}


     /*------- BULLETIN BOARD TABLE ------------------------------------------------------*/
	.bulletinboard{ width:815px; border:1px solid #b0d0e8;}
	.bulletinboard th{padding:1em; background: url("images/bulletinboard_th_hd.gif"); }
	.bulletinboard th a{color:#073c65; text-decoration:underline;}
		 
	.bulletinboard td{padding:0.7em ;}
	.bulletinboard .even {background:#f2f9ff;}
	.bulletinboard .even a, .bulletinboard .odd a {color:#0a4674;}
	.bulletinboard .odd{background:#ebf4fb;}

	.bulletinboard-detail{ width:815px; border:1px solid #b0d0e8;}		 
	.bulletinboard-detail td{padding:0.1em 1em;}
	.bulletinboard-detail .columncaptions{padding:1em; background:#e7f3fd; color:#436b8d}
	.bulletinboard-detail .even {background:#f2f9ff;}
	.bulletinboard-detail .tdscroll {height:400px; overflow:auto;}
	
	.bulletin-footer{background:#deebf5; color:#0a4674;}
	.bulletin-footer a{color:#0a4674; text-decoration:underline;}
	.bulletin-footer a:hover{text-decoration:none}

	/*------- FONT COLORS -----------------------------------------------------*/
	a{color:#3077af; text-decoration:none;}
	a:hover{color:#454545;}
	.redlink{color:#cf151b;}

	/*------- FONT SIZE -------------------------------------------------------*/
	.sm{font-size:0.9em;}

	/*------- FONT STYLE ------------------------------------------------------*/
	.bold{font-weight:bold;}
	.alignrt{text-align:right;}

    /*------- MISC ------------------------------------------------------*/
	.left{float:left;}
	.right{float:right;}

	.phone{margin:0; background:url("images/phone_ic.gif") no-repeat left top; padding:0.2em 1.5em; }
	.email{margin:0; background:url("images/mail_ic.gif") no-repeat left center; padding:0.2em 1.5em; }
	fieldset{display:inline;}


/*============ PAGE SPECIFIC CONTENT ========================================================*/	

	/* Table on Help Desk page */
    #helpDeskNumbers td { width: 350px; }
	#helpDeskNumbers *.col2 { padding-left: 140px; }
	

	/* ClearFix */
	.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
	.clearfix {display: inline-table;}
	/* Hides from IE-mac */
	.clearfix {height: 1%;}
	.clearfix {display: block;}
	/* End hide from IE-mac */
	.clear{clear:both;}


	/* SiteMenu styles */
	.rmRootGroup .rmItem a:hover{color:#cc0000;background:url("images/li_active.gif") repeat-x bottom center; display:block; padding:0 0 1em 0;}
	.selectedItem  {color:#cc0000;background:url("images/li_active.gif") repeat-x bottom center; display:block; padding:0 0 1em 0;}
	.rmSlide .rmItem{background:url("images/arr_rt.gif") no-repeat 5% 60%; padding:6px 0 6px 18px; display:block; }
	.rmSlide .rmLevel1 .rmItem .rmLink:hover{background:#cc0000 url("images/arr_rt.gif") no-repeat 5% 60%; color:#fff; font-size:1.1em; padding:0.5em 0 0.5em 1.5em; padding:6px 0 6px 18px; border-bottom:1px solid #ccc; display:block;} 
	html>body .rmSlide .rmLevel1 .rmItem .rmLink:focus{background:#cc0000 url("images/arr_rt.gif") no-repeat 5% 60%; color:#fff; font-size:1.1em; padding:0.5em 0 0.5em 1.5em; padding:6px 0 6px 18px; border-bottom:1px solid #ccc; display:block;} 


	/* ContactUs email control styles */
	.md  { font-size : 12px;}
	.err {color : #ff0000;}
	.lite {color : #F0F0F0;}
	.b { font-weight : bold; }
	.normal { font-weight : normal; }
	.space {font-size : 1px;}
	.tbl { border : 1px #999999 solid; }

	.frm-input 
	{
	  font-family:arial,helvetica,sans-serif; 
	  font-size:11px;
	}

	.frm-button
	{background:url("images/frmbtn_bg.gif") no-repeat ; border:0; color:#fff; font-size:0.9em; padding:0 0 0.2em 0; width:65px; height:21px; font-weight:bold;cursor:hand;}

	.bb-search
	{background:url("images/search_ic.gif") no-repeat ; border:0;  font-size:0.9em; padding:0 0 0.2em 0; width:27px; height:28px; font-weight:bold;cursor:hand;}

	.bb-cancel
	{background:url("images/cancel_ic.gif") no-repeat ; border:0;  font-size:0.9em; padding:0 0 0.2em 0; width:27px; height:28px; font-weight:bold;cursor:hand;}

	html>body .frm-button
	{
	  padding:0.5em 1em;
	}

/*------- LOGIN TABLE ------------------------------------------------------*/
            .authtable{padding:0.5em 0; border:1px solid #b0c8db; background: url("images/authtable_bg.gif") repeat-x;}
            
            .authtable h2{margin:0.2em 0; padding:0; }

            .authtable td{padding:0.4em 1em; }
            .authtable td a{font-size:0.9em; color:#073c65; text-decoration:none;}
            .authtable td a:hover{font-size:0.9em; color:#073c65; text-decoration:underline;}
            .inputbox{border:1px solid #ccc; padding:0.3em;}

/*------- BUTTON STYLES ------------------------------------------------------*/
            .changepwdbutton{background:url("images/changepwd_bg.gif") no-repeat ; border:0; color:#fff; font-size:0.9em; padding:0 0 0.2em 0; width:127px; height:21px; font-weight:bold;cursor:hand;}
            .regularbutton{background:url("images/frmbtn_bg.gif") no-repeat ; border:0; color:#fff; font-size:0.9em; padding:0 0 0.2em 0; width:65px; height:21px; font-weight:bold;cursor:hand;}

