@CHARSET "ISO-8859-1";

body {
	font-family: Verdana,Helvetica,Arial;
	font-size: 13px;
	color: #000;
	background: #fff;
}

.hidden {
	visibility: none;
	display: none;
	letter-spacing: -999999px;
	text-indent: -999999px;
}

p.error {
	padding: 15px;
	border: 1px solid #FF0000;
	background: #FFD5D5;
	}
p.message {
	padding: 15px;
	border: 1px solid #006600;
	background: #B7FFB7;
	}


img {
	border: 0;
	}

#logo{
	background-image: url('/images/160-characters-logo.jpg');
	background-color: red;
	width: 251px;
	height: 52px;
	display: block;
	}
div.side-box {
	margin-bottom: 7px;
	color: #fff;
	font-size: 75%;
	}
div.side-box a {
	color: #fff;
	}

div.side-box h3 {
	padding:0;
	margin:5px 0;
	font-size: 180%;
	}
#wrapper {
	width: 888px;
	margin-left: auto;
	margin-right: auto;
}

#content {
	width: 838px;
	margin: 0 0 0 50px;
	}
#home-content {
	width: 888px;
	margin: 0 0px 0 0px;
	}
#content .content {
	width: 500px;
	color: #666666;
	font-size: 12px;
	line-height: 18px;
	}
#content .content h2,#content .content h3 {
	color: #647095;
	}
#content .content h2 {
	font-size: 16px;
	}
a {
	color: #333333;
	text-decoration: underline;
	}
a:hover {
	
	text-decoration: none;
	}
.content h3 {
	font-size: 14px;
	}
.content h3 {
	font-size: 13px;
	}		
#flash, #main-panel {
	margin: 15px 0;
	}
#main-panel-inner-content {
	padding: 40px 0 0 50px;
	}
#main-panel-inner h1 {
	font-weight: normal;
	font-size: 26px;
	color: #fff;
	}
#main-panel { background-image: url('/images/bg-keypad.jpg'); background-position: right;width: 887px; }
#main-panel-inner {
	width:887px;
	height:283px;
	background-image:url('/images/main.gif');
	}
#main-panel-inner .lead-para {
	font-size: 13px;
	color: #B8BECF;
	max-width: 420px;
	width: 420px;
	}

#main-panel-inner .meta {
	color: #fff;
	font-size: 11px;
	}

#main-panel-inner .meta a {
	color: #fff;
	text-decoration: none;
	
	}
#main-panel-inner a:hover {
	color: #fff;
	text-decoration: underline;
	}
	
#home-news {
	background-image: url('/images/home-news-bg.jpg');
	background-position: bottom;
	background-repeat: no-repeat;
	width: 547px;
	height: 251px;
	padding: 0px 20px 0 20px; 
	}
#home-news h2{
	
	font-size: 120%;
	font-weight: normal;
	color: #FF6600;
	}
#home-news ul {
	list-style: none;
	padding: 0;
	}
#home-news li {
	padding: 2px 0;
	}
#home-news ul li.parent {
	margin: 0 0 10px 0px;
	}
#home-news ul li ul li {
	font-size: 80%;
	}
#home-news span.meta {
	color: #666;
	}
#footer {
	font-size: 9px;	
	color: #666;
	border-top: 1px solid #CCC;
	margin: 30px 0 0 0px;
	
}
#footer div#copyright {
	float: right;
	width: 200px;
	display: block;
	margin: 3px 10px 40px 30px;
	}
#footer ul {
	border-left: 1px solid #CCC;
	list-style: none;
	float: left;
	margin: 3px 10px 40px 30px;
	padding: 0;
}
#footer ul li {
	padding: 3px 0 3px 10px;
	}
#footer a {
	color: #666; text-decoration: none;
	}
#footer a:hover {
	text-decoration: underline;
	}
#nav {
	margin: 12px 15px;
	height: 28px;
}

#nav ul {
	list-style: none;
	display: inline;
	}
	
#nav ul li {
	display: inline;
	float: left;
	margin: 0 15px 0 0;
	}

#nav ul li a {
	font-size: 11px;
	color: #333;
	cursor: pointer;
	text-decoration: none;
	background: #ffffff;
}

#nav ul li a * {
	background: #ffffff;
	}

#nav ul li a span {
	height: 13px;
	display: block;
	padding: 7px 17px 10px 17px;
	float: left;
	}

#nav ul li a:hover span, #nav ul li#active a span {
	background: url('/images/nav-bg.jpg');
	color: #fff;
	
}
#nav ul li#active a span {
	
	font-weight: bold;
}

#nav ul li a div.after, #nav ul li a div.before {
	width: 3px; height: 30px; float: left; display: block;
	background: #ffffff;
	
	}

#nav ul li#active a div.before, #nav ul li a:hover div.before {
	background: url('/images/nav-left.jpg');
	}
#nav ul li#active a div.after, #nav ul li a:hover div.after {
	background: url('/images/nav-right.jpg');
	}
	
	
	

/** Columns **/

.cols:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
* html .columns {height: 1%;}
.cols{ display:inline-block; }
.cols{ display:block; }


.cols .col{
  float:left;
  overflow:hidden;
  display:inline;
}
.cols .last{ float:right; }

.col2 .first{ width:500px; }
.col2 .last{ width:100px; }

.col2A .first{ width:400px; }
.col2B .last{ width:200px; }

.col3 .first{ width:100px; }
.col3 .second{ width:280px; margin-left:20px; }
.col3 .last{ width:200px; }


/*** forms **/

fieldset {
	border: 1px solid #CCC;
	padding:10px 5px 5px 5px;
	margin:0 0 20px 0;
	}
fieldset#submit {
	border:0; 
	}
fieldset div.form-group {
list-style: none;
padding: 0;
margin:0;
}
.floating-form fieldset div.form-group div.form-element,#register-form fieldset div.form-group div.form-element {
margin: 0 20px 10px 10px;
min-width: 210px;
max-width: 420px;
float: left;

}
fieldset div.form-group div.form-element label {
display: block;
padding: 0px 0 0px 0;
}


#page-edit-form fieldset {
	
	border:0;
	padding:0;
	}
 #page-edit-form fieldset legend {
 
 display: none;
 
 }
 
 
fieldset legend {
	color: #ff6600;
	}


textarea#panel, textarea#body {
	width:485px;
	height: 100px;
	padding: 5px;
	font-family: Vardana,Arial,Helvetica;
	font-size: 12px;
	border: 1px solid #333;
}

.floating-form div.form-group div.form-element textarea.dijitTextArea {
	
	width: 400px;
	height: 125px;
	}
#login-box #submit {
	border:0;
	width: 90px;
	height: 20px;
	background-image: url('/images/login-button.png');
	background-color: #626C8A;
	letter-spacing: -999999px;
	font-size: 0px;
	text-indent:-999999px;
	cursor: pointer;
	
	}
#login-box div.form-element {
	margin-bottom: 10px;
	}	
#login-box {
	background: url('/images/login-bg.jpg');
	width: 247px;
	height: 154px;
	background-repeat: no-repeat;
	background-position: top;
	}
#profile-box {
	background: url('/images/profile-bg.jpg');
	width: 197px;
	height: 56px;
	padding: 10px 0 2px 50px;
	background-repeat: no-repeat;
	background-position: top;
	}	
#login-box legend {
	display: none;
	}
#login-box label {
	
	}
#login-box fieldset {
	padding:20px 0 0 20px; border:0;
	}
#login-box input#password, #login-box input#username {
	width:116px;

	border: 1px solid #657195;
	color: #666;
	font-size: 11px;
	}

select {
	border: 1px solid #657195;
	font-size: 11px;
	}

.floating-form select {
	
	color: #666;
	
	width: 189px;
	}

label {
	padding: 0; margin: 0;
	}
.floating-form input {

	border: 1px solid #657195;
	color: #666;
	font-size: 11px;	
	width: 189px;
	}

#content .content strong.error {
	color: #FF0000;
	font-weight: normal;
	padding: 0;
	margin: 0;
	
	}
	
body.soria .dijitTextArea > div {
	min-height: 70px;
	}