/* HTA CMS CSS */

/*

-- Colors --

White: #FFFFFF
Magenta: #A94779
Light Magenta: #F6ECF1
Teal: #3C9196
Grey(body text): #AFAFAF
Dark Grey (headlines): #4B4B4B
Light Grey (border, etc.): #E1E1E1
Lighter Grey (bg): #F3F3F3

*/

/*
Site Width: 680px;
*/

/* --------------------------------- Selectors */

textarea {
	width: 350px;
	height: 100px;
}

/* --------------------------------- CMS Div */

#cms-head {
	width: auto;
	height: 120px;
	margin: 60px 0 20px 0;
}

/* --------------------------------- CMS Navigation */

#cms-nav {
	width: auto;
	height: auto;
	clear: both;
	margin: 0 0 20px 0;
}

#cms-nav h3, #login h3  {
	padding: 3px;
	background-color: #AFAFAF;
	color: #666666;
	font-size: 11px;
	font-weight: bold;
	margin: 0;
}

#cms-nav p {
	margin: 0;
	padding: 5px;
	color: #3c9196;
}

#cms-nav ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#cms-nav select {
	display: inline;
	width: 100%;
	margin: 0 0 2px 0;
	padding: 0;
}

#cms-nav ul li {
	font-size: 12px;
	display: inline;
	margin: 0;
	padding: 0;
}

#cms-nav ul li a {
	color: #FFFFFF;
	display: block;
	margin: 2px 0;
	background-image: url(../img/icons/arrow_magenta_bggrey.gif);
	background-repeat: no-repeat;
	background-position: center right;
}

#cms-nav-web, #cms-nav-client, #login  {
	background-color: #CCCCCC;
	border: 1px solid #AFAFAF;
	
}

#cms-nav-web, #cms-nav-client {
	width: 333px;
	height: auto;
	margin-bottom: 10px;
	float: left;
}

#login {
	width: auto;
	height: auto;
}

#login p {
	text-align: right;
	line-height: 150%;
	color: #3C9196;
}

#login form {
	padding-top: 6px;
}

#login input {
	margin-bottom: 4px;
}

#cms-nav-web {
	margin-right: 10px;
}

/* --------------------------------- Client */

table.clientfiles {
	width: 680px;
	border: 1px solid #E1E1E1;
	font-size: 11px;
}

table.clientfiles tr.head {
	background-color: #333333;
	color: #FFFFFF;
	font-weight: bold;
}

table.clientfiles td {
	padding: 3px 5px;
	height: 15px;
}

/* --------------------------------- Styles */

.singlecol {
	padding: 5px;
}

.halfcol {
	width: 46%;
	padding: 5px;
	float: left;
}

.columntitle, .columnvalue {
	font-size: 11px;
}

.columntitle {
	color: #4B4B4B;
	font-weight: bold;
}

.columnvalue {
	color: #AFAFAF;
}

.selectwidth {
	width: 200px;
}