/*************************************************************************/
/*************************** global styles *******************************/

html, body{
	margin:0;
	padding:0;
	font:14px/16px Arial, Helvetica, sans-serif;
	color:#484848;
	background:url(/images/body-bgRepeat.png) repeat;
}
#container{
	position: relative;
	width:650px;
	margin:0 auto;
	padding:20px 0 40px 0;	
}
.logo{
	width:200px;
	height:70px;
	display:block;
	background:url(/images/logo-DHX.gif) no-repeat top left;
}
#logout{
	margin-top:20px;
	float:right;
	text-align:right;
	color:#FFFFFF;
}

/*************************************************************************/
/*************************** accordion boxes *****************************/

#tab{
	position: relative;
	margin:0;
	padding:0;
}	
.accordian_headings{
	position:absolute;
	width:650px;
	height:57px;
	background:url(/images/tabHeader.gif) no-repeat;
	cursor:pointer;
}
.accordian_headings h1{
	padding:18px 0 0 30px;
	font-size:21px;
	line-height:24px;
	font-weight:normal;
	color:#FFFFFF;
	text-shadow:#777777 0 -1px 1px;
}
.accordian_headings:hover{
	background:url(/images/tabHeaderOn.gif) no-repeat;
}
.accordian_child{
	padding:20px 30px 20px 30px;
	background:#FFFFFF;
}
.header_highlight, .header_highlight:hover{
	background:url(/images/tabHeaderOn.gif) no-repeat;
}
.accordian_content{
	position:absolute;	
	display: none;
}

/*************************************************************************/
/******************************* login ***********************************/

#login{
	clear:both;
	background:#FFFFFF;
}
.formTable td{
	padding:0 0 10px 10px;
}

/*************************************************************************/
/**************************** form fields ********************************/

input.textfield, input.textfieldsmall, select, textarea{
	width:330px;
	height:26px;
	padding-left:5px;
	font-size:14px;
	border:1px solid #C6C6C6;
	
	box-shadow:3px 3px 1px #EBEBEB;
  -moz-box-shadow:3px 3px 1px #EBEBEB;
  -webkit-box-shadow:2px 2px 1px #EBEBEB;
}
input.textfieldsmall{
	width:130px;
}
select{
	margin-top:10px;
}
textarea{
	width:330px;
	height:120px;
}
input.textfield:focus, input.textfieldsmall:focus, textarea:focus, select:focus{
	background:#FFF5E0;
	outline:none;
}

/* error/success messages */

.formSuccess{
	display: none;
	margin-bottom:20px;
	padding:20px;
	background:#F4F7E3;
	border:1px solid #92A235;
}
.formErrors{
	display: none;
	margin-bottom:20px;
	padding:20px;
	background:#F6DCDC;
	border:1px solid #C15353;
}
#uploadMessageDiv h2{ /* client side success message */
	
}

/*************************************************************************/
/************************* add/upload/manage *****************************/

.clientTable{
	margin:10px 0 30px 0;
	border:1px solid #CCCCCC;
}
.clientTable td{
	height:25px;
	font-size:12px;
	padding:0 10px 0 10px;
	border-right:1px solid #CCCCCC;
}
.clientHeader{
	height:30px;
	margin-top:10px;
	padding:0 10px 0 10px;
	font-size:14px;
	color:#FFFFFF;
	background:#444444;
	text-shadow:#111111 0 -1px 1px;
}
.clientHeader td{
	border:none;
	font-weight:bold;
}
td.clientName{
	font-size:16px;
}
td.editDelete{
	text-align:right;
}
.clientSubHeader{
	font-weight:bold;
	color:#FFFFFF;
	background:#666666;
	text-shadow:#444444 0 -1px 1px;
}
.fileGrey{
	background:#EEEEEE;
}
.file:hover, .fileGrey:hover{
	background:#FFE09E;
}

/*************************************************************************/
/**************************** text styles ********************************/

p{
	padding:0;
	margin-top:0;
	margin-bottom:15px;
}
h1, h2{
	margin:0;
	padding:0 0 15px 0;
	font-size:21px;
	text-shadow:#606060 0 -1px 1px;
}
h2{
	font-size:18px;
	text-shadow:none;
}
hr{
	height:1px;
	background-color:#CCCCCC;
	border:none;
}

/*************************************************************************/
/***************************** linkage ***********************************/

/* default */
a:link, a:visited, a:active {color:#88322E; text-decoration:underline;}
a:hover{color:#660000; text-decoration:underline;}

/* logout */
#logout a:link, #logout a:visited, #logout a:active {color:#FFFFFF; text-decoration:none;}
#logout a:hover{color:#FFFFFF; text-decoration:underline;}

/* edit/delete links */
.clientTable a:link, .clientTable a:visited, .clientTable a:active {color:#444444; text-decoration:none;}
.clientTable a:hover{color:#444444; text-decoration:underline;}

.editDelete a:link, .editDelete a:visited, .editDelete a:active {color:#FFFFFF; text-decoration:none;}
.editDelete a:hover{color:#FFFFFF; text-decoration:underline;}

.clientSubHeader a:link, .clientSubHeader a:visited, .clientSubHeader a:active {color:#FFFFFF; text-decoration:none;}
.clientSubHeader a:hover{color:#FFFFFF; text-decoration:underline;}