/* Reset */

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }

table { border-collapse:collapse; border-spacing:0; }

fieldset,img { border:0; }

address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }

ol,ul { list-style:none; }

caption,th { text-align:left; }

h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal; }

q:before,q:after { content:''; }

abbr,acronym { border:0; }



/* General typography */

body{ font: 13px/1.231 arial,helvetica,clean,sans-serif; *font-size: small; *font:x-small; }

pre,code,kbd,samp,tt{ font-family: monospace; *font-size:108%; line-height:100%; }



/* Add some styling to commonly used elements */

h1{font-size:138.5%;}

h2{font-size:123.1%;}

h3{font-size:108%;}

h1,h2,h3{}

h1,h2,h3,h4,h5,h6,strong,b{font-weight:bold;}

em{font-style:italic;}

p{ margin-bottom: 12px; }

p, div{ font-size: 14px; }

pre{}



/* setup some site-specific commonly used elements */

a {

    text-decoration: underline;

    color: #0000CC;

}

a:hover {

    text-decoration: none;

}

a.no_underline {

    text-decoration: none;

}

a.no_underline:hover {

    text-decoration: underline;

}



.clear {

    clear: both;

}



.padBelow20 { margin: 0 0 20px 0; }

.padBelow30 { margin: 0 0 30px 0; }

.padBelow40 { margin: 0 0 40px 0; }



.center { text-align: center; }





ul {

    list-style-type: square;

    margin: 10px 20px 20px 15px;

}

li {



}





/* start customising non default styles */

body {

    background: url( '/images/body_bg.gif' ) repeat-x top #FFFFFF; 

}



#wrap {

    width: 800px;

    min-height: 550px;

    padding: 2px 5px 10px 5px;

    margin: auto;

    text-align: left;

    background: url( '/images/wrap_bg.gif' ) no-repeat top;

}



#header {

    height: 112px;

    margin: 0 2px 0 2px;

    /*background: url( '/images/header_bg.gif' ) repeat-x top;*/

}



#navSpacing {

    height: 8px;

    background: url( '/images/navspace.gif' ) repeat-x top;

}



#nav {

    border-bottom: 1px solid #C5C5C5;

    height: 23px;

    line-height: 23px;

}

#nav ul {

    list-style-type: none;

    margin: 0;

}

#nav li {

    float: left;

    width: 89px;

    margin-left: 7px;

    text-align: center;

    height: 23px;

    line-height: 23px;  

    background: url( '/images/tab_bg.gif' ) no-repeat top;    

}

#nav li#current {

    background: url( '/images/tab_on_bg.gif' ) no-repeat top; 

}

#nav a {

    text-decoration: none;

    color: #000000;

    font-size: 12px;

    font-weight: bold;

}

#nav a:hover {

    color: #666666;

}





#contentWrap {

    margin: 30px 20px 20px 20px;

    padding: 2px;

    border: 2px solid #CFCECE;

}

#content {

    background-color: #F8F8F7;

    padding: 15px;

}



#contentUsersWrap {

    margin: 10px 20px 20px 20px;

    padding: 0;

}

#contentUsers {

}





#breadcrumbs {

    border-bottom: 1px solid #999999;

    margin-bottom: 20px;

    color: #999999;

    font-size: 12px;

}

#breadcrumbs a {

    text-decoration: none;

    color: #333333;

}

#breadcrumbs a:hover {

    text-decoration: none;

    color: #999999;

}



.returnLinkTop {

    margin-bottom: 20px;

}

.returnLinkBot {

    margin-top: 20px;

}

.returnLinkTop a, .returnLinkBot a {

    color: #999999;

    text-decoration: none;

}

.returnLinkTop a:hover, .returnLinkBot a:hover {

    text-decoration: underline;

}



.mceAdvanced {

    width: 100%;

}





/* colors */

.green{ color:#609E56; }

.red{ color:#FF0000; }

.gray{ color:#999999; }

.yellow{ color:#DFC541; }





.moduleTitle {

    font-size: 20px;

}



.marginTop { margin: 20px 0 0 0; }



#progressBarWrap { 

    width:100px;

    border:1px solid #000;

    height:17px;

}

#progressBar {

    background:#000;

    height:14px;

    color:#fff;

    text-align:right;

    padding:3px 0px 0px 0px;

}



#footerWrap {

    padding-top: 50px;

    text-align: center;

    color: #999999;

    font-size: 10px;

}





/*

Status Messages-------------------------- */ 

.statusWrap {

    padding: 7px 0 10px 20px;

    margin-top: 20px;

}

.statusWrap ul {

    list-style: none;

    width: 650px;

    margin: auto;

}

.statusWrap li {

    padding: 3px 0 0 0;

}

.statusWrap.errors {

    background: url( '/images/status/errors_grad.png' ) repeat-x top;

    border-top: 1px solid #FF0000;

}

.statusWrap.errors li {

    color: #FF0000;

}

.statusWrap.ok {

    background: url( '/images/status/ok_grad.png' ) repeat-x top;

    border-top: 1px solid #82B57A;

}

.statusWrap.ok li {

    color: #4A8940;

}





/* Default form properties - properties split depending if form label/input displayed vertical horizontal to each other */

legend {  

    padding: 0 10px 0 0;

    font-size: 16px;

    font-weight: bold;

    color: #999999;

}

form input, form textarea {

    width: 300px; 

    padding: 5px; 

    font-family: inherit; 

    font-size: 14px; 

    border: 2px solid #CCCCCC;

}

form select {

    width: 300px; 

    padding: 5px; 

    font-family: inherit; 

    font-size: 14px; 

    border: 2px solid #CCCCCC;

}

.formH  fieldset{  

    float: left;  

    clear: left;

    width: 100%;  

    margin: 0 0 20px 0;  

    padding: 0;

    border-style: none;

    border: 0 none #FFF; 

    border-top: 1px solid #ddd;    

}

.formH fieldset li {  

    float: left;  

    clear: left;  

    width: 100%;  

    padding: 20px 0 0 0;

    list-style: none;

}

.formH fieldset label {  

    float: left;  

    width: 150px;  

    height: 32px;

    line-height: 32px;

    margin-right: 10px;  

    text-align: right; 

    font-size: 14px;

    font-weight: bold;

    color: #666666;

}

.formH .submitRow {  

    float: none; 

    clear: both;    

    width: auto;  

    padding: 20px 0 0 160px;

}

.formH .submit{

    width: auto;

    color: #000000;

    font-weight: bold;

    padding: 3px 30px 3px 30px;

}



.formV fieldset {   

    width: 100%;  

    margin: 0 0 20px 0;  

    padding: 0;

    border-style: none;

    border: 0 none #FFF; 

    border-top: 1px solid #ddd;

}

.formV fieldset li {  

    width: 100%;  

    padding: 15px 0 0 0;

    list-style: none;

}

.formV fieldset label {  

    display: block;

    font-size: 14px;

    font-weight: bold; 

    color: #666666;

    padding: 0 0 3px 0;    

}

.formV .submitRow{   

    padding: 15px 0 0 0;

}

.formV .submit{

    width: auto;

    color: #000000;

    font-weight: bold;

    padding: 3px 30px 3px 30px;

}





form input.input_field_small {

    width: 300px; 

    padding: 2px; 

    font-family: inherit; 

    font-size: 12px; 

    border: 1px solid #CCCCCC;

}

.input_field_small_select {

    width: 300px; 

    padding: 2px; 

    font-family: inherit; 

    font-size: 12px; 

    border: 1px solid #CCCCCC;

}

.radio_form_table td {

    padding: 2px 2px 2px 2px;

    font-size: 11px; 

    font-weight: bold;

}





/* Paginator Controls */

#paginationControlTop a, #paginationControlBot a {

    color: #000000;

    text-decoration: none;

}

#paginationControlTop a:hover, #paginationControlBot a:hover {

    color: #FF0000;

    text-decoration: underline;

}

#paginationControlTop {

    margin: 0 0 10px 0;

    text-align: right;

}

#paginationControlBot {

    margin: 10px 0 0 0;

    text-align: right;

}





/* Data Tables */

.dataRecords {

    empty-cells: hidden;

    border-collapse: collapse;

}

.dataRecords tr.dataRecordsHeader {

    background-color: #000000;

    color: #FFFFFF;

    font-weight: bold;

}

.dataRecords tr.row1 {

    background-color: #E7F2FC;

    /*background-color: #E7FCE7;*/

}

.dataRecords tr.row2 {

}

.dataRecords tr.row1:hover, .dataRecords tr.row2:hover  {

    background-color: #B6FCB6;

}

.dataRecords td {

    padding: 5px 20px 5px 20px;

    font-size: 12px;

    /* border: 1px solid #E5EFF8; */

}

.dataRecords td a {

    color: #000000;

}

.dataRecords td a:hover {

    color: #FF0000;

}

tr.dataRecordsHeader td {

    padding: 5px 20px 5px 20px;

    font-size: 12px;

}

.dataRecords  tr.row1 td.cellBlank, .dataRecords  tr.dataRecordsHeader td.cellBlank {

    background-color: #FFFFFF;

}



.panelTo {

    border: 1px solid #333333;

    margin-bottom: 20px;

}

.panelTop td, .panelTopAlt td {

    font-size: 14px;

    padding: 3px 10px 3px 10px;

}

.panelBody td {

    padding: 10px; 

}

.panelTo .panelTop {

    background-color: #333333;

    color: #FFFFFF;

}

.panelTo .panelTopAlt {

    background-color: #999999;

    color: #FFFFFF;

}



.dataRecords td a.green_link{ color: #609E56; }

.dataRecords td a.red_link{ color: #FF0000; }