/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* grid.css */
body {
	padding-top: 12px;
	font: 12px Arial, Helvetica, sans-serif;
	background: #c8c8c8 url(../img/body-top.bg.jpg) repeat-x;
}

#container {
	clear: both;
	width: 903px;
	margin: 0px auto;
}

.bg {
	background: url(../img/container.bg.gif) top center repeat-y;
}

.admin_bg {
	background: url(../img/admin_container.bg.gif) top center repeat-y;
}

#container .top  {
	height: 11px;
	line-height: 0;
	font-size: 1px;
	background: url(../img/container-top.bg.gif) top center no-repeat;
}

#container .bottom  {
	height: 11px;
	background: url(../img/container-bottom.bg.gif) bottom center no-repeat;
}

#container .admin_bottom  {
	height: 11px;
	background: url(../img/admin_container-bottom.bg.gif) bottom center no-repeat;
}

#container .center {
	min-height: 400px;
}
* html #container .center {
	height: 400px;
}

#container  .logobar {
	height: 105px;
	background: #ffffff;
	margin: 0px 3px;
}

.logobar a.logo {
	display: block;
	float: left;
	width: 225px;
	margin: 15px 0px 0px 30px;
}
* html .logobar a.logo {
	margin-left: 15px;
}

.logobar span.signin {
	display: block; 
	float: right;
	width: 50%;
	margin: 35px 30px 0px 0px;
	text-align: right;
}
* html .logobar span.signin {
	margin-right: 15px;
}

span.signin a {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #8fd4e8;
}

span.signin a:hover {
	text-decoration: underline;
}

span.signin a.exit {
	color: #999999;
	font-weight: normal;
}

span.signin img {
	margin-right: 5px;
	margin-bottom: -3px;
}

#container  .menubar {
	height: 38px;
	width: 897px;
	position: relative;
	margin: 0px auto;
	background: url(../img/menu.bg.jpg) top left repeat-x;
}

.menubar  ul.menu {
	list-style: none;
	display: block;
	height: 28px;
	width: 720px;
	padding: 10px 0px 0px 26px;
}

.menubar ul.menu li {
	float: left;
	margin-right: 50px;
}

.menubar ul.menu li a {
	font-size: 13px;
	font-weight: bold;
	text-decoration: none;
	color: #4e4e4e;
}

.menubar ul.menu li a:hover {
	text-decoration: underline;
}

.menubar a.bt {
	display: block;
	float: right;
	width: 121px;
}

.sidebar {
	float: right;
	width: 292px;
	margin: 0px 2px 0px 0px;
	padding: 15px;
}

.sidebar ul.ads {
	list-style: none;
}

ul.ads li {
	float: left;
	margin-left: 10px;
	margin-bottom: 10px;
}

ul.ads li a img {
	border: 1px solid #ffffff;
}

.sidebar span.yourAd {
	display: block;
	margin-left: 10px;
	padding-left: 10px;
	background: url(../img/small_arrow.gif) left center no-repeat;
}

* html .sidebar span.yourAd {
	margin-left: 20px;
}

span.yourAd a {
	color: #696969;
	font-weight: bold;
	text-decoration: none;
}

span.yourAd a:hover {
	text-decoration: underline;
}


.content {
	margin: 0px 325px 0px 0px;
	padding: 15px 15px 15px 30px;
}

.admin_content {
	margin: 0px 0px 0px 0px;
}

.content h1.pageName, .content h2 {
	font-size: 150%;
	margin-bottom: 20px;
	color: #39bfe5;
}

.content h3 {
	text-align: center;
	margin: 40px 0px;
}

.content h3 a {
	font-size: 200%;
	font-weight: bold;
	color: #39bfe5;
	text-decoration: none;
	border-bottom: 1px solid #39bfe5;
}

.content h3 a:hover {
	color: #dd0000;
	border-bottom: 1px dashed #dd0000;
}

.content p {
	font-size: 14px;
	margin: 0px 0px 15px 0px; 
	line-height: 1.5;
}

.content p a {
	color: #0066FF;
}

.content p a:hover {
	color: #FF0000;
}

.content ul {
	list-style: none;
	padding-left: 10px;
	padding-bottom: 10px;
}

.content ul li {
	margin-bottom: 10px;
}

table.alerts, table.messages {
	width: 100%;
}

table.messages tbody tr td.checkbox {
	width: 5%;
}

table.messages tbody tr td.title {
	width: 75%;
}

table.messages tbody tr td.time {
	width: 20%;
	text-align: right;
}

table.alerts thead td {
	text-align: center;
	font-weight: bold;
	background-color: #CCCCCC;
}

table.alerts tr.altrow, table.messages tr.altrow, table.latests tr.altrow {
	background-color: #F9F9F9;
}

table.messages tr.highlight, table.alerts tr.highlight {
	background-color: #FFCCFF;
}

table.messages tr td {
	border-bottom: 1px solid white;
}

table.alerts tr.disabled td {
	color: #CCCCCC;
}

table.alerts tr td.status {
	text-align: center;
	vertical-align: middle;
}

table.alerts span.email {
	display: block;
	height: 16px;
	margin: 5px 5px 5px 10px;
	padding-left: 25px;
	background: url(../img/icons/mail.png) left center no-repeat;
}

table.alerts span.mobile {
	display: block;
	height: 16px;
	margin: 5px 5px 5px 10px;
	padding-left: 25px;
	background: url(../img/icons/mobile_phone.png) left center no-repeat;
}

table.alerts tr.disabled td span.mobile, table.alerts tr.disabled td span.email {
	background: url(../img/blank.gif) no-repeat;
}

table.alerts tbody tr:hover, tr.altrow:hover, tr.highlight:hover, table.messages tbody tr:hover, table.latests tbody tr:hover {
	background: #FFFF99;
}

table.messages tr.unread td {
	font-weight: bold;
}

table.messages tr td, table.messages tr td a {
	text-decoration: none;
	color: black;
}

div.message dl dt.altrow, div.message dl dd.altrow {
	background: #f9f9f9;
}

div.adsBox {
	margin: 10px;
	padding: 10px 15px 15px 15px;
	line-height: 1.5;
	background: #f2f4ff;
	border: 1px solid #c8d1ff;
}

div.adsBox h4 {
	text-align: right;
	font-size: 10px;
	margin-right: -10px;
	margin-top: -5px;
	margin-bottom: 5px;
	color: blue;
}

div.message dl dt {
	font-size: 90%;
	padding: 2px 0px 0px 5px;
}
div.message dl dd {
	padding: 5px 20px;
	font-size: 120%;
	margin-bottom: 10px;
}

div.message dl dd span.keywords {
	font-size: 10px;
	color: #999999;
}

div.message dl dd span.keywords a {
	color: #999999;
	font-size: 10px;
	text-decoration: none;
}

div.message dl dd span.highlight {
	background: #FFFF66;
}

div.actions {
	text-align: right;
}

span.add {
	margin: 10px;
	padding-left: 25px;
	background: url(../img/icons/plus.png) no-repeat;
}

div.paging {
	margin: 10px;
}

div.paging .disabled {
	display: none;
}

#footer {
	width: 870px;
	margin: 5px auto 5px auto;
}

#footer .copyraights {
	display: block;
	float: left;
	text-align: left;
	width: 30%;
	font-size: 10px;
	font-weight: bolder;
	color: #5a5a5a;
	line-height: 1.5;
}

#footer .copyraights a {
	color: #5a5a5a;
	text-decoration: none;
}

#footer .copyraights a:hover {
	text-decoration: underline;
}

#footer .phone {
	display: block;
	float: right;
	width: 30%;
	text-align: right;
	color: #ffffff;
	font-size: 14px;
	font-weight: bold;
}

#footer .twitter {
	display: block;
	text-align: center;
}

.clear {clear:both; font-size: 1px; line-height:0; height: 0px;}

.form {
	position: relative;
	margin-top: 30px; 
}

.form ul {
	list-style: none;
	display: block;
	width: 400px;
	margin: 10px;
}

.form ul li {
	margin: 10px 0px 20px 0px;
}


.form ul li input.text, .form ul li select  {
	font-size: 150%;
	width: 80%;
	margin: 0px;
}

.form ul li textarea {
	width: 80%;
	height: 100px;
}

.form input.submit {
	font-size: 150%;
	margin: 0px;
}


span.description {
	display: block;
	font-size: 10px;
	padding-left: 5px;
	color: #666666;	
}



a.forgotPass {
	float: right;
}

/* forms.css */
/*label {font-weight:bold;}*/
fieldset {padding:1.4em;margin:0 0 1.5em 0;border:1px solid #ccc;}
legend {font-weight:bold;font-size:1.2em;}
input.text, input.title, textarea, select {margin:0.5em 0;border:1px solid #bbb;}
input.text:focus, input.title:focus, textarea:focus, select:focus {border:1px solid #666;}
input.text, input.title {width:300px;padding:5px;}
input.title {font-size:1.5em;}
.mandatory { color: red }
.error, .notice, .success {padding:.8em;margin-bottom:1em;border:2px solid #ddd;}
.error {background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4;}
.notice {background:#FFF6BF;color:#514721;border-color:#FFD324;}
.success {background:#d3f785;color:#617d23;border-color:#b7de62;}
.error a {color:#8a1f11;}
.notice a {color:#514721;}
.success a {color:#264409;}

.keywords {
	width: 100%;
	height: 100px;
	margin: 0px;
	padding: 0px;
}

div.error-message {
	color: #aa0000;
	font-weight: bold;
}

#flashMessage {
	position: relative;
	margin: 10px auto;
	text-align: center;
	font-weight: bold;
}


/* Spec. ADMIN AREA */
table.dashboard {
	width: 100%;
	height: 100%;
	border: 0px;
}

table.dashboard thead td {
	padding: 5px 20px;
	font-weight: bold;
	font-size: 14px;
}

table.dashboard thead td.users {
	width: 49%;
	background: url(../img/icons/users.png) left center no-repeat;
}

table.dashboard thead td.alerts {
	width: 49%;
	background: url(../img/icons/bell.png) left center no-repeat;
}

table.dashboard thead td.separator {
	width: 2%;
}

table.latests {
	position: relative;
	width: 100%;
}

table.latests thead td {
	text-align: center;
	font-size: 12px;
	background-color: #CCCCCC;
	margin: 0px;
	padding: 0px 5px;
}

table.latests tbody td {
	padding: 5px;
}