body, html {
    background: #f3f3f4 url(../images/gr1.png) repeat-x scroll 0 17px;
}

a {
    color: #333;
}

#header {
    height:66px;
}

#primary-menu ul {
    height: 30px;
    margin:10px 0 0 0;
}

#primary-menu ul li {
    float:left;
    margin-right:10px;
    list-style-type:none;
}
h1.site_name {
    font-size:30px;
    font-weight:bold;
    color:white;
}

#primary-menu ul li a {
    display:block;   
    padding:5px 15px;
    border:1px solid #474f59;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    text-decoration:none;
    color: #333;
    font-weight:bold;    
    background: transparent url(../images/gr1.png) repeat-x scroll 0 0;
}

#primary-menu ul li.active a {
    color: #fff;
    background: transparent url(../images/gr2.png) repeat-x scroll 0 0;
    border-color:black;
}


#login-form {

}


table.datatable th ,
table th label {
    font-size:1.2em;
}

table.datatable th {
    background: transparent url(../images/gr1.png) repeat-x scroll 0 0;
    padding:3px;
    color:white;
    border:none;
}

table.datatable th.first {
    -moz-border-radius-topleft: 5px;

    -webkit-border-top-left-radius:5px;

}

table.datatable th.last {
    -moz-border-radius-topright: 5px;
    -webkit-border-top-right-radius:5px;
}

table.datatable  {
    background-color:white;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    /*
    -moz-border-radius-bottomright: 5px;
    -webkit-border-bottom-right-radius:5px;
    -moz-border-radius-bottomleft: 5px;
    -webkit-border-bottom-left-radius:5px;
    */
}

table.datatable td {
    border-bottom: 1px solid #f7f7f7;   
}

#page {
    min-height:500px;
}

div.pager {
    margin-top:10px;
}

div.pager div {
    background: transparent url(../images/gr1.png) repeat-x scroll 0 100%;
    border:1px solid #999;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    padding:3px;
    float:left;
    margin-right:4px;
    min-width:13px;
    text-align:center;
}

div.pager div a {
    color: #333;
    font-weight:bold;
    text-decoration:none;
}


#submenu {
    height:50px;
}

#submenu h1 {
    line-height:44px; 
    font-size:2em;
    display:block;
    float:left;
    margin-top:3px;
}

#submenu ul {
    height: 30px;
    margin:13px 0 0 0;
}

#submenu ul li {
    float:left;
    margin-right:10px;
    list-style-type:none;
}

#submenu ul li a {
    display:block;   
    padding:3px 11px;
    border:1px solid #999;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;
    text-decoration:none;
    color: #666;
    font-weight:bold;    
    background: transparent url(../images/gr3.png) repeat-x scroll 0 0;
}

#submenu ul li a.redbtn {
    background: transparent url(../images/gr_red.png) repeat-x scroll 0 0;
    border:#640505;
    color:white;
}

#submenu ul {
    float:left;
}

#submenu ul li.active a {
    color: #fff;
    background: transparent url(../images/gr2.png) repeat-x scroll 0 0;
    border-color:black;
}

div.sidebar {
    
}

div.widget {
    background-color:white;
    -moz-border-radius:5px;
    -khtml-border-radius:5px;
    -webkit-border-radius:5px;
    margin-bottom:10px;    
}

div.widget div.title {
    background: transparent url(../images/gr1.png) repeat-x scroll 0 0;
    -moz-border-radius:5px 5px 0 0;
    -webkit-border-radius:5px 5px 0 0;
    color:white;
    font-size:1.1em;
    font-weight:bold;
    padding:3px 10px;
}

div.widget div.body {
    padding:8px;   
}

div.filters {
    margin-bottom:0px;

}

div.filters dl {
    margin-left:10px;   
}

div.filters dl dt {
    float: left;   
    padding-left:20px;
    background: transparent url(../images/zoom.png) no-repeat scroll 0 0;
}

div.filters dl dd {
    float: left; 
    margin-left:10px;
}


div.widget div.menu, 
div.widget div.subtitle{
    height:27px;
    background: transparent url(../images/gr1.png) repeat-x scroll 0 100%;
}

div.widget div.menu ul {
    height: 20px;
    margin:1px 0 0 0;
    float:left;
    padding:0;
}

div.widget div.menu ul li {
    float:left;
    margin-right:10px;
    list-style-type:none;
}

div.widget div.menu ul li a {
    display:block;   
    padding:3px 11px;
    text-decoration:none;
    color: #666;
    font-weight:bold;    
}

div.widget div.menu ul li.active a {
    color: #fff;
    background: transparent url(../images/gr2.png) repeat-x scroll 0 0;
    border-color:black;
}

div.widget div.subtitle {
    padding:4px 0 4px 10px;
    font-weight:bold;
    height:auto;
}

/*--- Tables ---
table {
	clear: both;
	width: 100%;
	border-collapse: collapse;
	border-spacing: 0;
	border: 1px solid #e6e6e6;
	background: #fafafa;
	margin: 12px 0;
}
td, th {
	padding: .25em 1em;
	border: 1px solid #e6e6e6;
	vertical-align: middle;
	text-align: left;
	font-weight: normal;
	color: #666;
	font-size: 0.85em;
}
tr:nth-child(even) {
	background: #fff;
}
thead th, tfoot td {
	background: #f3f3f3;
	color: #333;
	text-align: left;
	font-size: 1em;
	font-weight: bold;
	padding: .5em .75em;
}*/
/*--- Forms ---*/
form {
	display: block;
	clear: both;
	background: #fafafa;
	padding: 1em 2em 2em 2em;
	border: 1px solid #e6e6e6;
    -moz-border-radius:3px;
    -khtml-border-radius:3px;
    -webkit-border-radius:3px;	
}
fieldset {
	padding: 2em;
	margin: 0 0 1em 0;
	border: 1px solid #e6e6e6;
	background: #f3f3f3;
}
legend {
	padding: .5em 1em;
	border: 1px solid #e6e6e6;
	background: #fff;
	font-size: 22px;
}
label {
	padding: 0 1em 0 0;
	color: #454545;
	font-weight: normal;
}
input, textarea, button {
	font-family: Helvetica, Arial, sans-serif;
	padding: 2px 4px;
	border: 1px solid #e5e5e5;
	color: #454545;
	font-size: 1em;
	line-height: 1.25em;
}
input[type=text], input[type=password], input[type=submit], textarea {
	clear: both;
	display: block;
	padding: .25em .5em;
}
input[type=text], input[type=password], textarea {
	width: 97%;
	max-width: 950px;
	margin: .5em 0 1em 0;
	padding:.5em;
}
input[type=submit], input[type=button], input[type=reset], input[type=file], button {
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	padding: .5em 1em;
	margin: 0 .75em 0 0;
	background-color: white;
	color: black !important;
	border: 1px solid #e5e5e5 !important;
	cursor: pointer;
}
select {
	clear: both;
	
	margin: .5em 0 1em 0;
	font-size:1.1em;
	padding:3px 4px;
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;	
}
div.checkbox {
	clear: both;
	padding: 1em 0;
}
.checkbox label {
	display: inline;
}
input[type=submit] {
	margin: 1em inherit;
	border: none;
	color: #000;
	font-size: 16px;
	font-weight: bold;
}
input[type=text]:focus, input[type=password]:focus, textarea:focus, select:focus {
	border-color: #00a8e6;
	outline: none;
}

form table {
    margin-bottom:0;
}

form table th {
    width: 38%;   
}

form table th label {
    font-size: 1.2em;
    font-weight:bold;
}



thead th {
    background:none;   
}

ul.error_list {
    list-style-type:none;
    padding:3px 5px;
    background:#FBE3E4 none repeat scroll 0 0;
    color:#8A1F11;
    border:2px solid #FBC2C4;
    margin-bottom:1em;    
}

div.pager div.page {
    margin-top:0;
}

#header ul {
    padding-left:0;
}

table.mini-calendar td.on {
    background: transparent url(../images/gr2.png) repeat-x scroll 0 0;
    color:white;
}

h2.page-subtitle {
    margin-bottom:0;
}

div.filter-selector {
    padding-left:7px;
    background: transparent url(../images/gr1.png) repeat-x scroll 0 100%;
    -moz-border-radius: 0 0 5px 5px;
    -webkit-border-radius: 0 0 5px 5px;
}

div.filter-selector select {
    margin:2px;
}

div.filter-selector input.filter_value {
    height:18px;
    margin:3px;
    vertical-align:top;
    font-size:15px;
    padding:4px 0 0 4px;
}

div.filters table td.ficon {
    background: transparent url(../images/filter_bgrd.png) no-repeat scroll 0 0;
    width:16px;
}

div.filters table td.fobject {
    font-weight:bold;
    width:70px;
}

div.filters table td.foperation {
    width:35px;
}

div.filters table td.fremove {
    background: transparent url(../images/filter_bgrd.png) no-repeat scroll 100% 0;
    width:44px;
}
div.filters table td.fremove a {
    text-decoration:none;
    font-weight:bold;
    color:#c13e2e;
}

div.filters table td {
    background-color:#ECF0F5;
    height:28px;
    margin-top:1px;
    white-space:nowrap;
}

div.filters table {
    margin-bottom: 0;
    float:left;
    margin-bottom:2px;
    margin-right:10px;
    width:433px;
}

div.filters div.filter-div {
    margin-right:5px;
    margin-top:1px;
}

div.filters button.filter_apply {
    margin:3px 0;
    padding:4px 5px 3px 5px;
    vertical-align:top;
    color:#333 !important;
    font-weight:bold;
    border:none;
}

div.filters div.no-filters-notice {
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    padding:4px 10px;
    background: #ecf0f5 url(../images/information.png) no-repeat scroll 5px 5px;
    padding-left:25px;
}

#cpanel {
    margin-left:20px;   
}
div.cpanel-item {
    height:80px;
    padding:10px;
    text-align:center;
    width:80px;
    float:left;
    margin:20px;
}

div.cpanel-item a {
    text-decoration:none;
    font-weight:bold;
    padding-top:5px;
}

div.widget dl.stats dt {
    float:left;
    margin-right:6px;
    background: transparent url(../images/bullet_black.png) no-repeat scroll 1px 4px;
    padding-left:20px;
    min-width:100px;
}

div.widget dl {
    line-height:1.8em;
    
    margin-bottom:0;
}

#primary-mini-menu ul {
    margin:0;
    background: transparent url(../images/gr2.png) repeat-x scroll 0 0;
    position:absolute;
    left:0;
    top:0;
    right:0;
    padding-left:30px;
    font-size:0.9em;
}

#primary-mini-menu ul li {
    float:left;
    margin-right:10px;
    list-style-type:none;
}

#primary-mini-menu ul li a {
    display:block;   
    padding:2px 4px;
    text-decoration:none;
    color: #f7f7f7;    
}

#primary-mini-menu ul li.active a {
    color: #fff;
    font-weight:bold;
}

h1.site-name {
    margin-top:30px;
    color:white;
    font-size:24px;
    font-weight:bold;
}

#footer {
    margin-top:30px;
    color:#666;
    text-align:center;
    font-size: 0.9em;
}

.editable form {
    padding:0;
}

.highlight {
    background-color: #FFF6BF;
}

div.survey-widget table td.icon {
    -moz-border-radius: 10px 0 0 10px;
    -webkit-border-radius: 0 0 10px 10px;
    width:16px;
}

div.survey-widget table td.details {
    width:44px;
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 10px 10px 0 0;
    
}
div.survey-widget table td.details a {
    text-decoration:none;
    font-weight:bold;
}

div.survey-widget table td {
    background-color:#ECF0F5;
    height:28px;
}

div.survey-widget table {
    margin-bottom: 0;
    margin-bottom:2px;
    margin-right:10px;
}

ul.radio_list {
    margin-left:0;
    padding-left:0;
    list-style-type:none;
}

td.round-end {
    -moz-border-radius: 0 10px 10px 0;
    -webkit-border-radius: 10px 10px 0 0;   
}

table.widget-table th {
    background-image:none;
    background-color:#f0f0f0;
    padding:2px 5px ;
    color:#333;
    border:none;
    font-size:1em;
}

table.widget-table th.first {
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius:3px;
}

table.widget-table th.last {
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius:3px;
}