@CHARSET "UTF-8";
/*** CLASSES ***/
.cleaner{clear:both;margin:0;padding:0;}

/*** PAGINATOR ***/
.paginator{width: 645px;margin:15px 0 30px 0;padding:0;}
.pag-left{width: 260px; float: left;}
.pag-left span{font-weight: bold;}
.pag-right{width: 350px; float: right;text-align: right; padding-right: 25px;}
.paginator a{padding: 3px;}
.paginator a.page-current{background: #c00; color: #fff !important;}

/*** NAVIGATION ***/
.navigation {margin: 0px 0px 5px 5px; font-size: 0.9em;}
.navigation span{font-weight: bold;}

/*** LOGIN FORM ***/
fieldset{border: 0px !important; margin-top: 10px;}
legend {font-size: 1.1em;color: #fff !important; background: #333 !important; padding: 5px;}
#loginform{}
#loginform input,#loginform select{padding: 3px;}
#loginform select option{padding-left: 5px;}
#loginform .full{width: 900px;}
#loginform .long{width: 650px;}
#loginform .medium{width: 450px;}
#loginform .required{color: #333; font-weight: bold;}
#loginform .big{font-size: 1.1em; font-weight: bold;}
#loginform .formlabel{margin:5px;padding: 5px; width: 150px; float: left;}
#loginform .forminput{margin:5px;padding: 5px; border-top: 1px solid #999;}
#loginform .forminput label {padding: 5px; margin-bottom: 5px;}
#loginform .forminput label input{margin-right: 10px;}
#loginform .forminput label.error{color: #c00; font-weight: bold; margin-left: 5px; width: 600px;}
#loginform #dd_no_csrf_foo{border: 0;}
#loginform #submit-label,#loginform #no_csrf_foo-label{display: none;}
#loginform #submit-element{margin-left: 170px;}
#loginform p.hint{margin: 5px 0 0 170px;color: #666;font-size: 0.95em;}

#loginform .forminput ul.errors{margin: 0;padding: 0;}
#loginform .forminput ul.errors li{margin-left: 170px;}
#loginform select.medium{width: 460px;}

/*** LOGIN FORM ***/
#registrationform{}
#registrationform input,#registrationform select{padding: 3px;}
#registrationform select option{padding-left: 5px;}
#registrationform .full{width: 600px;}
#registrationform .long{width: 400px;}
#registrationform .medium{width: 300px;}
#registrationform .required{color: #333; font-weight: bold;}
#registrationform .big{font-size: 1.1em; font-weight: bold;}
#registrationform .formlabel{clear: left;margin:0 5px;padding: 5px; width: 150px; float: left;}
#registrationform .forminput{margin:5px;padding: 5px; border-top: 1px solid #999;}
#registrationform .forminput label {padding: 5px; margin-bottom: 5px;}
#registrationform .forminput label input{margin-right: 10px;}
#registrationform .forminput label.error{color: #c00; font-weight: bold; margin-left: 5px; width: 600px;}
#registrationform #dd_no_csrf_foo{border: 0;}
#registrationform #submit-element{margin-left: 170px;}
#registrationform p.hint{margin: 5px 0 0 170px;color: #666;font-size: 0.95em;}

#registrationform .forminput ul.errors{margin: 0;padding: 0;}
#registrationform .forminput ul.errors li{margin-left: 170px;}
#registrationform select.medium{width: 460px;}
#no_csrf_foo-label,#no_csrf_foo {display: none;}
#registrationform fieldset legend {font-size: 0.85em;color: #fff; padding: 5px; background: #333; font-weight: bold;}
#dd_condition{height: 50px;}
#condition-label{height: 80px; float: left;}
#registrationform fieldset {background: #f0f0f0;}

/*** UL ***/
ul.ulnormal { margin-left: 40px;}

/*** MSGS ***/
.msg {padding:10px; padding-left:35px;}
.msg.warning {background:url(../design/ico-warning.gif) 10px 50% no-repeat;}
.msg.info {background:url(../design/ico-info.gif) 10px 50% no-repeat;}
.msg.done {background:url(../design/ico-done.gif) 10px 50% no-repeat;}
.msg.error {background:url(../design/ico-delete.gif) 10px 50% no-repeat;}

.msg.warning {border:2px solid #F2DD8C; background-color:#FFF5CC;}
.msg.warning a {color:#df0000;} .msg.warning a:hover, .msg.warning a:active, .msg.warning a:focus {color:#303030;}
.msg.info {border:2px solid #B8E2FB; background-color:#E8F6FF;}
.msg.done {border:2px solid #BBDF8D; background-color:#EAF7D9;}
.msg.error {border:2px solid #FFAEAE; background-color:#FEEBEB;}

/*** DETAIL ***/
table.detail {margin-top:5px;border-collapse: collapse;}
table.detail td {padding: 5px;margin: 0px; border-bottom: 1px solid #fff;}
table.detail td.black{background: #f0f0f0; width: 200px;}
table.detail td.blacksmall{background: #f0f0f0; width: 100px;}
table.detail b{font-size: 1em;}
table.detail thead th{text-aling: center;background: #333; padding: 5px; font-style: italic; font-weight: normal; color: #fff;}

/*** HEADER STYLES ***/
.h1style{font-size: 2em; font-weight: bold;}
.h2style{font: normal 1.6em "Trebuchet MS", Arial, Sans-Serif; margin: 0 0 12px;}
.h3style{margin: 5px 0px 5px 0px;}

/*** LOGO ***/
#logo {width: 400px; margin: 10px 0px 0px 5px;}
#logo {font-size: 1em; font-weight: bold;}
#logo a {font-size: 2em;}
#logo span {display:block;}

/*** ARTICLE CAT ***/
.articlecat {padding: 0px; border: 1px solid #f0f0f0; clear: both; font-size: 0.95em; margin-bottom: 10px;}
.articlecatleft{width: 480px; float: left; padding: 2px;}
.articlecatleft a {color: #000; text-decoration: underline;}
.articlecatright{width: 100px; float: right; background: #f0f0f0; text-align: center; padding: 2px;}