/* --------------------------------------------------------------
   GLOBAL
-------------------------------------------------------------- */

body {
	background-color: #efefef;
	position:relative;
	top:15px;
}

form {
	margin: 0px;
}

body,td,input,select,textarea {
	font-family: Tahoma;
	font-size: 11px;
}

a {
	color: #65A5E6;
}

a:hover {
	text-decoration: none;
}

.wrapper {
	width: 730px;
	border: 0px;
	padding: 5px;
	border-collapse: collapse;
	background-color: #ffffff;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   HEADINGS
-------------------------------------------------------------- */

.heading {
	font-family: Tahoma;
	font-size: 18px;
	font-weight: normal;
	color: #65A5E6;
}

.heading2 {
	font-family: Tahoma;
	font-size: 16px;
	font-weight: bold;
    text-decoration: none;
    color: #000000;
}

.heading3 {
    font-family: Tahoma;
    font-size: 12px;
    font-weight: bold;
    color: #16679F;
}

/* --------------------------------------------------------------
   INFO BOXES
-------------------------------------------------------------- */

.contentbox {
	width: 75%;
	text-align: center;
	background-color: #f7f7f7;
	border: 1px dashed #cccccc;
	padding: 5px;
	margin-left: auto;
	margin-right: auto;
}

.errorbox {
	border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
	text-align: center;
	width: 90%;
	padding: 10px;
	color: #cc0000;
	margin-left: auto;
	margin-right: auto;
}

/* --------------------------------------------------------------
   CLIENT AREA NAVBAR
-------------------------------------------------------------- */

.clientarealinks {
    background-color: #FDFCDD;
    padding: 10px;
}

.clientarealinks a {
	color: #555555;
}

/* --------------------------------------------------------------
   TABLES
-------------------------------------------------------------- */

table.topnavbar {
	width: 730px;
}

tr.topnavbar {
	background-color: #efefef;
	font-weight:bold;
	text-align: center;
}

tr.topnavbar a {
	color: #000000;
	text-decoration: none;
}

tr.topnavbar a:hover {
	color: #666666;
}

table.frame {
	width: 730px;
	border: 1px solid #8FBCE9;
	padding: 0px;
}

.fieldarea {
	background-color: #EFF2F9;
	text-align: right;
}

.clientareatable {
	width: 730px;
	background-color: #cccccc;
}

tr.clientareatableheading {
	background-color: #efefef;
	font-weight: bold;
	text-align: center;
}

tr.clientareatableactive {
	background-color: #ffffff;
	text-align: center;
}

tr.clientareatablepending {
	background-color: #FFFFE2;
	text-align: center;
}

tr.clientareatablesuspended {
	background-color: #E9FFD2;
	text-align: center;
}

tr.clientareatableterminated {
	background-color: #FFE1E1;
	text-align: center;
}

/* --------------------------------------------------------------
   NETWORK ISSUES
-------------------------------------------------------------- */

.networkissuessummary {
    background-color: #f6f6f6;
    border: 1px dashed #cccccc;
    padding: 10px;
    text-align: center;
}

.networkissuesopen {
    font-size: 16px;
    font-weight: bold;
    color: #65CC00;
    padding-right: 20px;
}

.networkissuesscheduled {
    font-size: 16px;
    font-weight: bold;
    color: #EEDD00;
    padding-right: 20px;
}

.networkissuesclosed {
    font-size: 16px;
    font-weight: bold;
    color: #888888;
}

.networkissuedescription {
    border-left: 5px solid #efefef;
    padding: 20px;
    padding-top: 1px;
}

.networkissueaffected {
    background-color: #FDFCDD;
    padding: 10px;
    margin-top: 10px;
}

/* --------------------------------------------------------------
   SUPPORT TICKETS
-------------------------------------------------------------- */

.clientticketreplyheader {
    margin-top: 20px;
    background-color: #92BDEA;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.clientticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/clientticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.adminticketreplyheader {
    margin-top: 20px;
    background-color: #888888;
    font-weight: bold;
    color: #ffffff;
    padding: 4px 20px 4px 20px;
}

.adminticketreply {
    min-height: 80px;
    background-color: #ffffff;
    background-image: url('images/adminticketreplybg.gif');
    background-repeat: repeat-x;
    padding: 10px;
}

.closeticket {
    border: 1px dashed #cc0000;
	font-weight: bold;
	background-color: #FBEEEB;
    color: #cc0000;
}

/* --------------------------------------------------------------
   TEXT COLORS
-------------------------------------------------------------- */

.textblack {
	color: #000000;
}

.textblue {
    color: #224488;
}

.textgreen {
	color: #779500;
}

.textgrey {
	color: #888888;
}

.textgold {
    color: #ffbb55;
}

.textorange {
	color: #ff6600;
}

.textred {
	color: #cc0000;
}
/*----------------------------------------------------------------
Custom header and logo and footer
-------------------------------------------------------------------*/


#headernav ul{
	background:url(images/nav_css/nav_bar.gif) 0 0 no-repeat;
	width:730px; 
	height:29px;
	position:absolute;
	top:227px;
}
#headernav ul li{
	background:url(images/nav_css/nav_div.gif) right top no-repeat;
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#headernav ul li a{
	display:block;
	background:url(images/nav_css/nav_bg.gif) 0 0 repeat-x;
	padding:0 12px;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	color:#344A04;
	background-color:inherit;
	text-decoration:none;
}
#headernav ul li a:hover{
	background:url(images/nav_css/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	background-color:inherit;
}
#headernav ul li a.hover{
	display:block;
	background:url(images/nav_css/nav_hover.gif) 0 0 repeat-x;
	color:#fff;
	padding:0 12px;
	font:bold 12px/27px Arial, Helvetica, sans-serif;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#headernav ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#devider {
	background:url(images/nav_css/dev_blk.gif) repeat-x;
	height:3px;
	width:670px;
	position:relative;
	margin:0 auto;
}

#customlogo{
	background:url(http://douloswebservices.com/images/logo_dws1.gif) 0 0 no-repeat;
	position:absolute;
	left:80px;
	top:7px;
	width:350px;
	height:52px;
}
#footer1{
	width:730px;
	height:70px;
	display:block;
	margin:0 auto;
	background:url(http://douloswebservices.com/images/footer_bg_grey5.jpg);
	color:#fff;
	
}
#footer1 ul{
	width:587px;
	position:relative;
	margin:0 auto;
	left:0px;
	top:8px;
}
#footer1 ul li{
	display:inline;
	margin:0 auto;
	color:#000;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
}
#footer1 ul li a{
	color:#000;
	background-color:inherit;
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	padding:0 7px;
	text-decoration:none;
}
#footer1 ul li a:hover{
	color:#6A920A;
	background-color:#fff;
}
#footer1 p.copyright{
	font:normal 11px/19px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background-color:none;
	position:relative;
	left:0px;
	top:7px;
}
#footer1 p.copyright a{
	color:#000; 
	background-color:none; 
	text-decoration:none;
	}
#footer1 p.copyright a:hover{
	color:#000; 
	background-color:none;
	}
#footer1 a.subscribe{
	background:url(http://douloswebservices.com/images/index/subscribe_icon.gif) 0 2px no-repeat;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color:#B9B99D;
	background-color:inherit;
	position:absolute;
	left:19px;
	top:68px;
	text-decoration:underline;
	width:50px;
	padding:0 0 0 18px;
}
#footer1 a.subscribe:hover{
	color:#9CCC37;
	background-color:inherit;
	text-decoration:none;
}
#footer1 a.xht{
	width:98px;
	height:20px;
	background:url(http://douloswebservices.com/images/index/xhtml_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:757px;
	top:23px;
}
#footer1 a.xht:hover{
	background:url(http://douloswebservices.com/images/index/xhtml_bg_hover.gif) 0 0 no-repeat;
}
#footer1 a.cs{
	width:98px;
	height:20px;
	background:url(http://douloswebservices.com/images/index/css_bg.gif) 0 0 no-repeat;
	position:absolute;
	left:866px;
	top:23px;
}
#footer1 a.cs:hover{
	background:url(http://douloswebservices.com/images/index/css_bg_hover.gif) 0 0 no-repeat;
}
#footer1 img{
	position:absolute;
	left:880px;
	top:51px;
	width:84px;
	height:26px;
}
#footer1 p.design{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#000;
	text-align:center;
	background-color:inherit;
	position:relative;
	top:7px;
}
#footer1 p.design a{
	color:#000;
	text-align:center;
	background-color:inherit;
	text-decoration:none;
	}
#footer1 p.design a:hover{
	color:#6A920A;
	background-color:inherit;
	}