/* ---------------- GLOBALS ---------------- */
a {color : #14C3E2}
a img {border: 0px solid red;} 

.gray {color: silver;}
.orange {color: #F08200;}
.blue {color: #2970C9;}
.help {background-image: url("images/icon_help.png"); padding-left: 18px;  background-repeat: no-repeat; background-position: left;}
.horsefish {background-image: url("images/icon_horsefish.png"); padding-left: 28px;  background-repeat: no-repeat; background-position: left;}
.dbm {background-image: url("images/icon_dbm.gif"); padding-left: 24px;  background-repeat: no-repeat; background-position: left;}
.clear {clear: both;}

div#dialog {font-size: 0.8em !important;} 
body {font-family: arial, tahoma, verdana, Helvetica, sans-serif; font-size: 0.8em; line-height: 1.2em; margin: 0px; background-color: #2D4A53;}
body#nonlogged { background: url("images/login_background.png") repeat-x white;  }


/* ---------------- FOR UNLOGGED USERS ------------------ */
body#nonlogged table {border-top: 5px solid #AAAAAA; border-bottom : 2px solid #CCCCCC;  width: 310px; margin: 0px auto; margin-top: 80px; }
body#nonlogged table tr td {background-color : #EEEEEE; border-top: 1px solid white; padding: 2px 5px 2px 5px; font-weight: bold;} 
body#nonlogged table tr td.right { text-align: right; width: 140px;} 
body#nonlogged table input.field {width: 120px;}

body#nonlogged table tr td img {line-height: 0px; border: 1px solid red;}
body#nonlogged table tr td#image { background: url("images/login_logo.png") no-repeat white; height: 61px;}
 /*   color */
 
body#nonlogged button.button {  background: url("images/login_button.png") no-repeat; display:block; text-align: right; line-height:10px;  vertical-align: middle; float:left; font-weight: bold; color: white; vertical-align:middle; font-size: 1.0em;  height: 21px;  border:none; padding:0px 0px 3px 0px; width: 90px; padding-right: 5px; cursor:pointer;   *cursor:hand; *padding-right: 10px; /*alternate cursor for IE*/  }
body#nonlogged div#info {  text-align: center; margin-top: 20px; font-size: 0.90em;} 



/*  ---------------- FOR LOGGED USERS  ----------------  */
div#header { background: url("images/cms_header_line.png") repeat-x; height: 59px; }
div#header a {color: #FCCE77; text-decoration: underline;}
div#header a:hover { text-decoration: none;} 

div#header-bg { background: url("images/cms_header.png") no-repeat right; height: 59px;}
div#header img {display:block; float:left; padding-left: 20px; margin: 15px 0px 0px 0px; padding-right: 25px; border-right: 1px solid white;}
div#header #project { font-size: 18px;
    margin-top: 22px; padding-left: 20px;padding-right: 20px; float:left; background-image: url("images/cms_right_arrow.png"); background-repeat: no-repeat; background-position: 100% 60%;}

div#header #project a { text-decoration: none;} 
   
div#header #detail { float:right; margin-top: 23px; margin-right: 20px; font-size: 0.9em; color: white;}
div#header #detail span { color: #D5D5D5; }

div#menu {  background-image: url("images/cms_menu_bg.png"); height: 27px; border-top: 1px solid #2D444F; border-bottom: 1px solid #2D444F;  background-repeat: repeat-x;}
div#menu a { font-size: 1.0em;   padding-left:20px; padding-top:6px; padding-right:20px;  float:left; height: 22px; color: white; text-decoration: none; background-image: url("images/cms_menu_separator.png"); background-repeat: no-repeat; background-position: right;}

div#menu a:hover { background-image: url("images/cms_menu_active_bg.png"); background-repeat: repeat-x; }


div#menu a.active {  background-image: url("images/cms_menu_active_bg_left.png"); background-repeat: no-repeat; font-weight: bold;}
div#menu .active {  float: left; background-image: url("images/cms_menu_active_bg.png"); background-repeat: repeat-x; background-position: left; }
div#menu a#help { float: right;  padding-left: 18px; color: rgb(229,229,229);  background-image: url("images/cms_icon_help.png");  background-repeat: no-repeat; background-position: 0% 55%; }
div#menu a#help:hover {text-decoration: underline;}

div#body { background-color: white;}

div#body div#content { font-size: 0.9em; padding: 10px 30px 40px 20px; background-image: url("images/cms_footer_bg.png"); background-position: bottom; background-repeat: repeat-x; }
div#footer {background-color: #2D4A53; color: white; padding: 25px 30px 30px 20px; font-size: 0.95em;}
div#footer .orange { color: #FCCE77;}



/*  ---------------- H2 TITLES  ----------------  */ 
div#body div#title {  border: 0px solid red; margin-bottom: 10px;     }
div#body div#title h2 { color: #2970C9; font-size: 1.7em; padding: 0px 0px 3px 0px; border-bottom: 3px solid #CDCDCD; }
div#body div#title .user { border: 1px solid white; height: 50px;  background-image: url("images/action_user.png"); background-repeat: no-repeat; background-position: 0%; padding-left: 50px;}
div#body div#title .user_simple { border: 1px solid white; height: 50px;  background-image: url("images/action_user_simple.png"); background-repeat: no-repeat; background-position: 0%; padding-left: 50px;}


div#body div#title .users { border: 1px solid white; height: 50px;  background-image: url("images/action_users.png"); background-repeat: no-repeat; background-position: 0% 4px; padding-left: 55px;}
div#body div#title .lists { border: 1px solid white; height: 50px;  background-image: url("images/action_lists.png"); background-repeat: no-repeat; background-position: 0% 4px; padding-left: 55px;}
div#body div#title .help { border: 1px solid white; height: 50px;  background-image: url("images/action_help.png"); background-repeat: no-repeat; background-position: 0% 4px; padding-left: 55px;}


div#body div#title .book { height: 50px; background-image: url("images/action_book.png"); background-repeat: no-repeat; background-position: 0%;}
div#body div#title .lightball { height: 50px; background-image: url("images/action_lightball.png"); background-repeat: no-repeat; background-position: 0%;}
div#body div#title .statistics { height: 60px; border: 1px solid white; background-image: url("images/action_statistics.png"); background-repeat: no-repeat; background-position: 0% 7px; padding-left: 50px;}


/*  ---------------- ACTIONS  ----------------  */

div#body div#content .actions { margin-bottom: 20px; font-size: 1.1em;  font-weight: bold; }

div#body div#content a.action { display:block; float: left; height: 17px; padding: 2px 10px 2px 10px; margin-right: 5px; margin-bottom: 5px;  background-repeat: repeat-x; text-decoration: none; color: white; }
div#body div#content a.action:hover {text-decoration: underline;}

div#body div#content .actions .grblue_arrow { padding-left: 30px; background-image: url("images/action_grblue_arrow.png");}   
div#body div#content .actions .orange { background-image: url("images/action_orange.png");} 
div#body div#content .actions .blue_plus { padding-left: 30px; background-image: url("images/action_blue_plus.png");} 
div#body div#content .button_blue_plus {  padding-left: 30px !important; background-image: url("images/action_blue_plus.png");} 
div#body div#content .button_red {  background-image: url("images/action_red.png"); padding: 1px 8px 1px 8px; font-size: 1.1em; color: white; text-decoration:none;  font-weight: bold;}   
div#body div#content .actions .purple_list {  padding-left: 30px; background-image: url("images/action_purple_list.png");}
div#body div#content .actions .green { background-image: url("images/action_green.png");} 
div#body div#content .actions .red { background-image: url("images/action_red.png");}      

div.msg_ok {background: url("images/checked.png") no-repeat left; margin: 15px 0px 5px 0px; padding-left: 25px; font-weight: bold; }