#header{margin:0 auto;width:940px;height:100px;}
#logo-lt{float:left;margin:5px 0 0 20px;width:335px;min-height:83px;background:url(/images/sphere.png) 0 0 no-repeat;}
#logo-lt:hover{background-position:0px -83px;cursor:pointer;}
#logo-rt-top{float:right;margin:30px 0 0 0;width:476px;}
#logo-rt-btm{float:right;margin:5px 0 0 0;width:472px;min-height:31px;background:url(/images/slogan-path.png) 0 0 no-repeat;}
#logo-rt-top span{padding-left:10px;font-size:18px;font-family:Verdana,Arial,Helvetica,sans-serif;font-weight:bold;font-style:italic;text-align:right;color:#aaa;}


#top-menu-container-1{margin:0 auto 20px;width:745px;font-family:Verdana,Arial,Helvetica,sans-serif;border:1px solid #373737;}
#top-menu-container-1{border-top:none;}
#navtop{height:32px;margin:0 auto;padding-left:0px;width:100%;}
.navtop{background:none;}
#navtop ul{margin:0;padding:0;list-style:none;float:left;}
#navtop li{position:relative;margin:0;padding:0;display:block;float:left;z-index:20;width:auto;}
#navtop ul ul li{z-index:20;}
#navtop li div{list-style:none;float:left;position:absolute;z-index:22;top:24px;left:0;visibility:hidden;width:226px;margin:0 0 0 -16px;padding:0;background:url(/images/top-menu-top.png) no-repeat 0 0;}
#navtop ul ul{z-index:23;padding:0px 4px 28px 10px;margin:24px 0 0 0;background:url(/images/top-menu-btm.png) no-repeat 0 bottom;}
#navtop li:hover>div{visibility:visible;}
#navtop a{position:relative;z-index:21;display:block;float:left;margin:0;padding:0;line-height:30px;height:30px;background:none;text-decoration:none;white-space:nowrap;width:auto;text-align:center;font-family:Verdana,Arial,Helvetica,sans-serif;outline:none;}
#navtop span{margin:0;padding:0 19px;color:#aaa;font-weight:normal;font-size:14px;background:none;line-height:30px;display:block;cursor:pointer;text-align:center;}
#navtop ul.navtop>li:hover>a span{color:#fff;}
#navtop a.parent{background:url(/images/pointer-topmenu.png) no-repeat right center;}
#navtop a.parent:hover{background:url(/images/pointer-topmenu-hover.png) no-repeat right center;}
#navtop ul ul li{background:none;padding:0;}
#navtop ul ul a{padding:0px;height:auto;float:none;display:block;font-size:14px;line-height:14px;color:#fff;z-index:-1;padding-left:5px;white-space:normal;width:220px;margin:0 8px;text-transform:none;}
#navtop ul ul a span{padding:0 10px;line-height:24px;font-size:14px;}
#navtop ul ul a:hover{background:none;}
#navtop ul ul a:hover span{background:none;color:#fff;}
#navtop ul ul span{margin-top:0;text-align:left;}
#navtop ul ul li{width:100%;}


#navmain{margin:0 auto;height:40px;padding-left:0px;width:940px;}
.navmain{background:none;}
#navmain ul{margin:0;padding:0;list-style:none;float:left;}
#navmain li{position:relative;margin:0;padding:0;display:block;float:left;z-index:9;}
#navmain ul ul li{z-index:9;}
#navmain li div{list-style:none;float:left;position:absolute;z-index:11;top:30px;left:0;visibility:hidden;width:276px;margin:0 0 0 0px;padding:0;background:url(/images/menu-top.png) no-repeat 0 0;}
#navmain ul ul{z-index:12;padding:0px 4px 36px 4px;margin:24px 0 0 0;background:url(/images/menu-btm.png) no-repeat 0 bottom;}
#navmain li:hover>div{visibility:visible;}
#navmain a{position:relative;z-index:10;display:block;float:left;margin:0;padding:0;line-height:40px;height:40px;background:none;text-decoration:none;white-space:nowrap;width:auto;text-align:center;outline:none;}
#navmain span{margin:0;padding:0 32px;color:#c1c1c1;font-weight:normal;font-size:23px;background:none;line-height:40px;display:block;cursor:pointer;text-align:center;}
#first{margin:0;}
#first span{margin:0;padding:0 32px 0 22px;color:#c1c1c1;font-weight:normal;font-size:23px;background:none;line-height:40px;display:block;cursor:pointer;text-align:center;}
#last{margin:0;}
#last span{margin:0 0 0 165px;padding:0 20px 0 20px;color:#c1c1c1;font-weight:normal;font-size:23px;background:url(/images/order-menu.png) 0 0 no-repeat;line-height:40px;display:block;cursor:pointer;}
#navmain ul.navmain>li:hover>a span{color:#fff;}
#navmain ul.navmain>#last:hover>a span{color:#fff;}
#last span:hover{background-position:0 -40px}
#navmain a.parent{background:url(/images/pointer-menu.png) no-repeat right center;}
#navmain a.parent:hover{background:url(/images/pointer-menu-hover.png) no-repeat right center;}
#navmain ul ul li{background:none;padding:0;}
#navmain ul ul a{padding:0px;height:auto;float:none;display:block;font-size:19px;line-height:30px;color:#fff;z-index:-1;padding-left:5px;white-space:normal;width:245px;margin:0 0 0 8px;text-transform:none;font-family:Verdana, Geneva, sans-serif;}
#navmain ul ul a span{padding:0 10px;font-size:19px;line-height:30px;}
#navmain ul ul a:hover{background:none;}
#navmain ul ul a:hover span{background:none;color:#fff;}
#navmain ul ul a.parent{background:url(/images/pointer-submenu.png) no-repeat right bottom;}
#navmain ul ul a.parent span{background:none;}
#navmain ul ul a.parent:hover{background:url(/images/pointer-submenu-hover.png) no-repeat right bottom;}
#navmain ul ul a.parent:hover span{background:none;}
#navmain ul ul span{margin-top:0;text-align:left;}
#navmain ul ul li{width:100%;}
#navmain ul ul div{width:276px;padding:0;margin:-48px 0 0 245px !important;}
#navmain ul ul ul{padding:5px 4px 30px 4px;}
#navmain ul ul div li{position:relative;top:-10px;}

.top-space{margin:39px auto 0;width:940px;height:1px;}
.shadow-1{position:relative;margin:0;padding:0;width:100%;height:5px;background:url(images/shadow-sm-1.png) 0 0 repeat-x;}

#company_title{background-color:#181818;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;color:#555;margin:20px auto 0;padding:0;text-align:left;width:950px;}
#content_left{background-color:#FFF;float:left;margin:0;padding:15px;text-align:left;width:670px;}
#side_menu{background-color:#f5f5f5;border-left:1px solid #ccc;float:right;margin:0;padding:15px;text-align:left;width:219px;}
#side_menu ul{list-style:none;margin:0 0 10px;padding:0;}
#side_menu ul li{line-height:25px;margin:0;padding:0;}
#top{height:60px;margin:0 auto;padding:0;text-align:left;width:940px;}
#top_container{background:url(images/hatch-trans.png) 0 0 #181818;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:#555;display:block;height:30px;line-height:30px;padding:0;text-align:center;text-decoration:none;width:100px;}
#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{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:#1a4d80;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;}
.successbox {border: 1px solid #66CC00;font-weight: bold;background-color: #DDFFC6;text-align: center;padding: 10px;color: #009933;}
.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:#555;text-decoration:none;}
body{background:url(images/body_s2.jpg) repeat-x;margin:0;padding:0;}
body,td,th{color:#555;font-family:Arial,Helvetica,sans-serif;font-size:12px;}
form{margin:0;padding:0;}
h1{border-bottom:1px solid #EBEBEB;color:#1a4d80;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:#555;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:#555;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 th a {color:#FFF;}
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;}
.kbarticle {padding: 2px 5px 5px 15px;}
.kbviews {color:#A8A8A8;font-size:10px;}
.kbalsoread {padding: 5px 5px 5px 15px;background-color: #F5F5F5;border-bottom: 1px solid #ccc;font-weight: bold;margin: 10px 0 10px 0;}
.searchinput {font-size: 11px;padding:0;}
#twitterfeed ul {list-style-type: none;padding: 0;margin: 15px 0 20px 0;}
#twitterfeed li {background-image: url(../../images/twittericon.png);background-repeat: no-repeat;background-position: 0;margin: 0 20px 10px 20px;padding-left: 25px;}
#twitterfeed p {text-align:center;margin:15px;}

/* --------------------------------------------------------------
   QUOTES
-------------------------------------------------------------- */

.quotecontainer {
    border: 1px solid #ccc;
    background-color: #fff;
    background-image:url('../../images/quote.png');
    background-repeat:no-repeat;
    background-position: 10px 11px;
    color: #555;
    margin: 10px;
}

.quotecontainer:hover {
    background-color: #efefef;
    cursor: hand;
    cursor: pointer;
}

.quotecontainer .quoteid {
    float: left;
    width: 80px;
    padding: 13px 0 0 40px;
    text-align: center;
    font-size: 24px;
}

.quotecontainer .quoteleft {
    float: left;
    padding: 10px 0 10px 0;
    font-size: 11px;
}

.quotecontainer .quoteleft .subject {
    font-weight: bold;
    font-size: 14px;
    padding-bottom: 4px;
    color: #000;
    width: 350px;
}

.quotecontainer .quoteright {
    float: right;
    padding: 10px 15px 0 0;
    text-align: right;
}

.quotecontainer .quoteright .stage {
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 4px;
}


#footer{float:left;margin:-200px 0 0 0;width:100%;height:200px;background-color:#181818;}
.footer{float:left;margin:50px 0 0 0;width:100%;height:200px;background-color:#181818;}
.copyright{margin:50px auto 20px;padding:0;width:940px;color:#999;background:none;font-size:12px;text-align:center;}
.copyright-logo{margin:0 auto;width:213px;height:56px;background:url(/images/sphere-copyright.png) 0 0 no-repeat;}
.copyright a{font-weight:bold;color:#999;text-decoration:underline;}
.copyright a:hover{font-weight:bold;color:#fff;text-decoration:underline;}

