@CHARSET "UTF-8";
@import url('table.css');
@import url('jquery-ui-1.8.14.custom.css');
@import url('./private.css');

/** Default setting **/
body {
    font-family: Verdana,Tahoma,Arial;
    margin: 0;
    font-size: 12px;
    text-align: center;
    color: #666;
}

h1, h2, h3, h4, h5, h6 {
    line-height: 2em;
    margin: 0; padding: 0;
    margin-top: 10px;
    color: #000;
    font-weight: normal;
}

h1 {
    font-size: 14px;
}

h2 {
    font-size: 12px;
}

h3 {
    font-size: 12px;
}

ul, li {
    margin: 0; padding: 0;
    list-style-type: none;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

table {
}

table tbody td {
    overflow: hidden;
    white-space: nowrap;
}

table tbody tr:hover {
    background-color: #f3f3f3;
}

img {
    border: none;
}

input {
    vertical-align: middle;
}

label[disabled], input[disabled], textarea[disabled], select[disabled] {
    color: #999;
}

th.error {
    background-color: #f99;
}

div.eventBox div.errorMsgBox {
    background-color: #f99; 
    position: absolute;
    z-index: 999;
    display: none;
}

div.eventBox div.errorMsgBox > div {
    display: block;
    background:none;
    border:none;
    color:red;
    padding:2px;
    position: static;
}

/** Default class **/
.floatLeft {
    display: block;
    float: left;
}

.floatRight {
    display: block;
    float: right;
}

.clearFloat:after {
    visibility: hidden; clear: both; display: block; height: 0px; content: "."
}

.clearFloat {
    zoom: 1;
}


/** Static block **/
div#pageHead {
    position: fixed;
    margin:0 auto; 
    background-color: #fff;
    width: 100%;
    top: 0px;
    z-index: 101;
}

div#pageHead > div.topBox {
    border-bottom: 8px solid rgb(0, 99, 47);
}

div#logo {
    width: 210px;
    height: 150px;
}
div#logo img {
    margin-top: 25px;
    margin-left: 15px;
}

div#main {
    margin: auto;
    text-align: left;
}

div#content {
    padding: 0 25px;
    padding-bottom: 20px;
    width: 97%;
}

/** Form **/
form {
    font-size: 12px;
}

.zend_form:after {
    visibility: hidden; clear: both; display: block; height: 0px; content: "."	
}

.zend_form {
    zoom: 1;
}

.zend_form dt{
    clear: left;
    float: left;
    display: block;
    min-width: 150px;
    text-align: right;
    vertical-align: middle;
    color: #222;
    line-height: 28px;
    padding-right: 10px;
}

.zend_form dd{
    float: left;
    clear: right;
    display: block;
    text-align: left;
    vertical-align: middle;
    margin-left: 10px;
    line-height: 28px;
}

textarea {
    width: 400px;
    height: 150px;
}

input, select, textarea {
    color: #333;
    font-size: 12px;
}

input[readonly], select[readonly], textarea[readonly] {
    background-color: #c0c0c0;
    cursor: not-allowed;
}

input:hover, select:hover, textarea:hover {
    color: #000;
}

input[disabled]:hover, select[disabled]:hover, textarea[disabled]:hover {
    color: #999;
}

/** Page **/
.languagesBox {
    margin-top: 32px;
}

.currentLang {
    cursor: pointer; 
    margin-top: 20px; 
    width: 48px; 
    background-image: url(../images/icons/control_play.png); 
    background-repeat: no-repeat; 
    background-position: right center; 
    padding-right: 20px;
}

.currentLang.open {
    background-image: url(../images/icons/control_down.png);
}

div#logo .languagesBox img {
    width: 24px;
    height: 24px;
    margin: 5px;
}

.headBanner {
    width: 1680px;
    height: 160px;
}

.mainMenu {
    background-color: #42A62A;
    padding-left: 5px;
}

.mainMenu > li {
    margin-left: 5px;
    float: left;
    padding: 2px;
    margin-bottom: 2px;
}

.mainMenu li a {
    line-height: 24px;
    visibility:visible;
    color: #fff;
}

.mainMenu li a:hover {
    text-decoration: none;
}


.mainMenu ul {
}

#subMenuBox {
    display: none;
}

.subMenu {
    background-color: #eee;
}

.subMenu li {
    margin-left: 5px;
    float: left;
    padding-left: 20px !important;
}

.subMenu li.focused a {
    text-decoration: underline;
}

.subMenu li a {
    line-height: 28px;
    background-position: left center;
    background-repeat: no-repeat;
    padding: 0 0 0 18px;
    color: #555;
    display: block;
}

.subMenu li a:hover {
    color: #e35a26;
}

.dropdownMenu {
    display: none;
    visibility:hidden;
    position: absolute;
    margin-left: -2px;
    padding-top: 4px;
    z-index: 999;
    text-align: left;
}

.longItems{
    width: 320px;
}

.longItems .item {
    width: 105px;
    float:left;
}

.mainMenu li:hover > .dropdownMenu {
    display: block;
    visibility: visible;
}
.dropdownMenu .item {
    background-color: gray;
    border-bottom: 1px solid lightgray;
    padding: 0 5px 0 1em;
    line-height: 24px;
    width: 155px !important;;
}

.dropdownMenu .item > a {
    color: #fff;
}

.dropdownMenu .dropdownMenu > .item {
    background-color: rgb(223, 117, 20);
}

.gridSubSpace .addAction {
    cursor: pointer;
    padding: 4px;
}
.gridSubSpace select {
    font-size: 12px;
}
.gridSubSpace > div {
    float: right;
    line-height: 26px;
    font-size: 12px;
    margin-left: 2em;
}
.gridSubSpace > .busyStatusIcon {
    display: none;
    float: right;
}

.ui-dialog-content dt {
    min-width: 140px;
}

p.error, ul.errors li, .widget_menu ul.errors li
{
    background-image:url('../images/icons/stop.png');
    background-repeat:no-repeat;
    background-position: 7px center;
    padding:7px;
    padding-left:30px;
    margin-left: 0px;
    min-height:18px;
    background-color:#f3f3f3;
    margin-bottom: 3px;
    border-radius: 3px;
    -moz-border-radius: 3px;
}

p.success
{
    background-image:url('../images/icons/accept.png');
    background-repeat:no-repeat;
    background-position: 7px center;
    padding:7px;
    padding-left:30px; 
    min-height:25px;
    background-color:#f3f3f3;
}

.gridSubSpace {
    padding: 5px 0px;
}
table.tablesorter tfoot td{
    border-top: 1px solid #ccc;
}

table.detail
{

}

table.detail th
{
    text-align: right;
}

/** Over write **/
.ui-widget, .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: Verdana,Tahoma,Arial;
    font-size: 12px;
}
.ui-tabs .ui-tabs-nav li a {
    background-repeat: no-repeat;
    background-position: left center;
    padding: 0 20px;
    margin-left: 20px;
    display: block;
    line-height: 24px;
}

/** Dashboard **/

#dashboardBox>ul {padding-bottom: 20px;}
#dashboardBox>ul.dashboardLeft {float: left; max-width: 750px; width: 65%;}
#dashboardBox>ul.dashboardRight {float: right; width: 25%;}
#dashboardBox>ul>li {margin-top: 20px; background-color: #fff;}
#dashboardBox .contentBox table {border: none; font-size: 12px;}
#dashboardBox .titleBox {background-color: #42A62A; color: #fff; font-weight: bold; line-height: 30px;}
#dashboardBox .titleBox .titleString {float: left; margin-left: 5px;z-index:-999;}
#dashboardBox .titleBox .handleBox {float: right; margin-right: 5px;}
#dashboardBox .titleBox .handleBox > div {float: left; width: 16px; height: 16px; margin-top: 7px;}
#dashboardBox .titleBox .handleBox .reloadHandle {margin-right: 5px; cursor: pointer; background-image: url(../images/icons/arrow_refresh.png);}
#dashboardBox .titleBox .handleBox .moveHandle {margin-right: 5px; cursor: move; background-image: url(../images/icons/mouse.png);}
#dashboardBox .titleBox .handleBox .hideHandle {margin-right: 5px; cursor: pointer; background-image: url(../images/icons/cross.png);}
#dashboardBox .titleBox .handleBox .helpHandle {margin-right: 5px; cursor: pointer; background-image: url(../images/icons/help.png);}
#dashboardBox .contentBox {border: 1px solid #42A62A; min-height: 186px; padding: 5px; border-top: none;}
#dashboardBox .footBox {line-height: 24px; border-top: 1px solid #42A62A; text-align: right;}
#dashboardBox .ui-state-highlight {height: 225px;}
#dashboardBox .messageWidget .titleBox {background-color: #999933;}
#dashboardBox .messageWidget .contentBox {border-color: #999933; min-height: 32px;}
#dashboardBox .messageWidget .contentBox .footBox {border-color: #999933;}
#dashboardBox .beforeLoad {text-align: center; margin-top: 72px;}
#dashboardBox .messageWidget .beforeLoad {margin-top: 0px; padding: 5px;}

/** Color for score card type **/
.kaarttype_purple{
    color: purple;
}

.kaarttype_navy{
    color: navy;
}

.kaarttype_green{
    color: green;
}

.kaarttype_orange{
    color: orange;
}



.pwg_btn,.btn_s,.btn_s2,.btn_a {
    background: rgb(28, 184, 65);
    -webkit-border-radius: 4;
    -moz-border-radius: 4;
    border-radius: 4px;
    font-family: Arial;
    color: white;
    font-size: 11px;
    padding:  5px 10px 5px 10px;
    text-decoration: none;
    margin-top:12px;
    margin-right:4px;
    float:left;
    height: 14px;
    line-height: 12px;
}

.btn_a {
    margin-top:0px;
    float:left;
    line-height: 14px;
}

.btn_s {
    background: rgb(66, 184, 221);
    margin-top:0px;
    float:right;
    line-height: 14px;
}

.btn_s2 {
    background: rgb(232,117,20);
    margin-top:0px;
    float:right;
    line-height: 14px;
}

.pwg_btn:hover,.btn_s:hover,.btn_a:hover {
    text-decoration: none;
    cursor:pointer;
} 

/* ***************/