@charset "UTF-8";
/* CSS Document */

html {  font-size: 100%;height: 100%;   margin-bottom: 1px; }/* Always show a scrollbar for short pages - stops the jump when the scrollbar appears. non-IE browsers */

/*DEFAULT BODY STYLES + BG FOR MAIN AND LOGIN SCREENS*/
body {font-family:  'Lucida Grande',"Trebuchet MS",Verdana,sans-serif; font-size: 12px; line-height: 140%; color:#1b110f; padding: 0 0 50px 0; position: relative}
body#b_main {background: url(../img/layout/bg_left.gif) repeat-y #ffffff;}
body#b_login {background: #1a100e}

h1 {}
h2 {}
h3 {font-size: 20px; padding: 5px 0 15px 0}
h4 {font-size: 16px; padding: 5px 0 15px 0}
h5 {font-size: 13px; padding: 5px 0 15px 0; text-transform:uppercase; color: #6a5644}

p {padding-bottom: 7px}
.clear {clear: both}
strong {font-weight: bold}
a {color: #41829f}
a:hover {text-decoration: none}
em {font-style:italic}

/*UL*/
ul.points {list-style: none; padding: 15px 0}
ul.points li {padding: 3px  0 3px 20px; background:url(../img/icons/arrow_000_small.png) no-repeat left center}

/*MAIN CONTAINERS*/
div#wrapper {width: 1000px; float: left; position: relative;}
div#header {height: 200px; background:url(../img/layout/bg_top2.jpg) repeat-x top #3d3025; width: 100%}
div#menu_main {width: 200px; position: absolute; left: 0; top: 0; }
div#content {width: 800px; float: left; padding: 0 0 0 200px}

/*SUB CONTAINERS*/
.container2 {width:370px; margin: 15px 0 10px 30px; float: left; padding: 15px 0 0 0 }
.container1 {width:770px; margin: 15px 0 0 30px; float: left; padding: 15px 0 0 0; clear: both }
.separator {border-top: 1px solid #CCCCCC}/*acts like a hr just incase you need one - adds a stroke to the top of div*/

/*HEADER*/
div#logo {width: 1010px; height: 200px; display: block; position: absolute; top: 0; left: 0;}
div#logo h1 {width: 300px; height: 40px; position: absolute; top: 55px; left: 230px}
div#logo h1 a {text-indent: -9999px; width: 300px; height: 40px; background:url(../img/layout/logo_top.png) no-repeat; display: block}
div#logo h4 {color: #b9a894; position: absolute; top: 95px; left: 230px}

div#logo ul#welcome {list-style: none; margin-top: 10px; color: #b9a894; font-size:10px;}
div#logo ul#welcome li {float: right; margin: 0 10px 0 0}
div#logo ul#welcome li#last {clear: both;  padding: 8px 0 0 0; color:#6a5644}
div#logo ul#welcome li strong {font-weight: normal; color: #ece0d2}
div#logo ul#welcome li a {text-decoration: none; padding: 1px 0 1px 10px; background: url(../img/layout/menu_line.gif) repeat-y; color:#b9a894}
div#logo ul#welcome li a:hover {color: #ece0d2}

div#logo ul#welcome li#eng a {border-left: none; background:url(../img/flags/gb.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}
div#logo ul#welcome li#esp a {border-left: none; background:url(../img/flags/es.png) no-repeat left center; text-indent: -9999px; display: block; width: 16px ; height: 16px; padding: 0}

/*DEFAULT HEADER LOGO*/
#b_main div#logo { background:url(../img/layout/bg_top1.jpg) no-repeat; }
#b_login div#logo { background:url(../img/layout/bg_top1_login.jpg) no-repeat; }

/*MENU*/
.menu_main_section {border-top: 1px solid #2c2523}
.first {border: none}
.menu_main_section h4 {color:#b9a894; padding: 15px 0 15px 50px; border-top: 1px solid #423732; }
.menu_main_section ul li a {color:#b9a894; padding: 6px 20px; text-align: right; display: block; text-decoration: none; font-size:11px}
.menu_main_section ul li a:hover {background: #49403d}
.menu_main_section ul li.selected a,
.menu_main_section ul li.selected a:hover {background: #FFFFFF; color:#1b110f}

/*MENU SECTION HEADERS*/
#menu_main_h_support {background: url(../img/icons/lifebuoy.png) no-repeat 20px center #2e2520 }
#menu_main_h_config {background: url(../img/icons/broom.png) no-repeat 20px center #2e2520 }
#menu_main_h_files {background: url(../img/icons/box.png) no-repeat 20px center #2e2520 }

/*DASHBOARD*/
.welcome_list {padding: 20px 30px; border: 1px solid #b8c6d2; background: url(../img/layout/highlight_blue.gif) repeat-x #dae6f1;}
.welcome_list img {margin-right: 20px; position: relative; top: 3px}

/*FORMS*/
.broom_form {}
.broom_form fieldset {border: none; outline: none; background:url(../img/icons/cross_circle.png) no-repeat -9999px -9999px}/*give the fieldset the image background so that it loads ready for jQuery execution*/
.broom_form label {display: block;      position: relative;  padding: 10px 0; clear: both; float: left; width: 100%; height: 45px}
.broom_form label.ta {height: 175px}
.broom_form fieldset input {border: 1px solid #CCCCCC; height: 17px; padding: 6px 5px 4px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.broom_form fieldset select {border: 1px solid #CCCCCC; height: 27px; padding: 5px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #f7f7f7}
.broom_form fieldset textarea {height: 143px;display: block; border: 1px solid #CCCCCC; overflow: auto; padding: 5px 5px; outline: none; position: absolute; bottom: 6px; left: 0; background: #f7f7f7}
.broom_form label.error {color: #da3939; font-size: 10px;       font-style: italic;     width: 40%; text-align: right; padding: 0 20px 0 0; background:url(../img/icons/cross_circle.png) no-repeat center right; position: absolute; top: 10px; right: 0; height: 16px }

.broom_form fieldset .label1 input,
.broom_form fieldset .label1 textarea,
.broom_form fieldset .label1 select {width: 200px;}
.broom_form fieldset .label2 input,
.broom_form fieldset .label2 textarea,
.broom_form fieldset .label2 select  {width: 270px;}
.broom_form fieldset .label3 input,
.broom_form fieldset .label3 textarea,
.broom_form fieldset .label3 select  {width: 370px;}

.broom_form fieldset label.label_calendar1 input {width: 170px; padding: 6px 5px 4px 30px }
.broom_form fieldset label.label_calendar2 input {width: 240px; padding: 6px 5px 4px 30px }
.broom_form fieldset label.label_calendar3 input {width: 340px; padding: 6px 5px 4px 30px }

/*BULLETPROOF BUTTON : <button> version based on the <a> of Cameron Moll : http://www.cameronmoll.com/  */
.button {float: right; margin: 10px 0 5px 10px; background: url(../img/layout/box-right.gif) top right no-repeat; clear: both}
.btn-inner {margin: 0;padding: 7px 0 0 0;background: url(../img/layout/box-left.gif) top left no-repeat;text-align: center;}
.btn-inner span {display: block;margin: 0;padding: 0 0 0 17px;background: url(../img/layout/box-left.gif) bottom left no-repeat;}
.btn-inner em {margin: 0;display: block;background: url(../img/layout/box-right.gif) bottom right no-repeat; font-style:normal}
.btn-inner button {outline: none;border: none;margin: 0;padding: 0px 20px 13px 0px;color:#a59a92;font-size: 11px;text-transform:capitalize; background: none}
.btn-inner button img {margin-right: 5px; position: relative; top: 3px; left: -2px}

.btn-inner button:hover {color: #ffffff;cursor: pointer;}


/*NOTIFICATIONS -controls*/
a.close {position: absolute; top: 5px; right: 5px; padding-right: 15px; color:#990000; background: url(../img/icons/cross_small.png) no-repeat right center; font-size:9px}

/*NOTIFICATIONS -defaults*/
div.notification {position: relative; margin: 5px 0 10px 0; }
div.notification em {padding: 15px; font-style:normal; display: block}
div.notification em img {margin-right: 10px; position: relative; top: 3px;}

/*NOTIFICATIONS -variations*/
div.error {border: 1px solid #d7bbb8; background: url(../img/layout/highlight_red.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(../img/layout/highlight_green.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(../img/layout/highlight_yellow.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(../img/layout/highlight_blue.gif) repeat-x #dae6f1;}


/* TABLES */
table.broom_table  {border-collapse: collapse; margin: 0; width: 100%;border: 1px solid #CCCCCC; border-right: none; font-size:11px}
table.broom_table thead {border-bottom: 1px solid #CCCCCC; }
table.broom_table thead th{color:#333333;text-align:left; font-weight:normal;text-transform:uppercase; padding:15px 10px 15px 20px; border-right: 1px solid #CCCCCC}

table.broom_table  td { padding: 0 10px 0 20px;line-height: 120%; vertical-align: middle; background: #f7f7f7; border-right: 1px solid #CCCCCC;}
table.broom_table  td a { display: block; padding: 10px 0; }
/* Add */
table.broom_table  td b { display: block; padding: 10px 0; }
table.broom_table  tr.odd td { background: #f1f1f1;}

/*MOUSEOVER*/
table.broom_table  tr.over td,
table.broom_table  tr:hover td { cursor: pointer; background: #E8E4DE }
table.broom_table  tr:hover a {}

table.broom_table a.table_delete {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/cross.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_edit {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/pencil.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_comment {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/balloon.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_active_user {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/tick_circle.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_inactive_user {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/cross_circle.png) no-repeat; float: left; margin: 0 10px 0 0}
table.broom_table a.table_users {padding: 0; display: block; width: 16px; height: 16px; text-indent: -9999px; background:url(../img/icons/card_address.png) no-repeat; float: left; margin: 0 10px 0 0}


/*TABLE / RECORD PAGINATION*/
.pagination {padding: 20px 0}
.pagination a {text-decoration: none; color:#999999; background: #f1f1f1; padding: 5px 9px; margin: 0 0 7px 0; border: 1px solid #CCCCCC; font-size:9px}
.pagination a:hover {cursor: pointer; background: #E8E4DE; color:#666666 }
.pagination a.selected { color: #ffffff; background: #5e5552; border: 1px solid #5e5552 }

/*LOGIN*/
.login_form {position: absolute; top: 200px; left: 200px; background: url(../img/layout/bg_login_top.gif) no-repeat #FFFFFF; width:600px}
.login_form fieldset {background:url(../img/layout/bg_login_bottom.gif) no-repeat left bottom; padding: 10px 30px 15px 30px; margin-top: 10px}
.login_form label {display: block;      position: relative;  padding: 10px 0 10px 0; float: left; width: 200px; height: 45px;}
.login_form fieldset input {border: 1px solid #CCCCCC; height: 27px; padding: 0 5px; position: absolute; top: 30px; left: 0; outline: none; width: 170px ;background: #f7f7f7}
.login_form .button {clear: none; margin: 30px 0 10px 0}
.login_form a.forgot_login {font-size:10px; float: right; clear: both;}

/*FOOTER*/
#footer {font-size:9px; list-style: none; padding: 100px 0 10px 230px}
#footer li {float: left; margin-right: 10px}

/*IE7 FIX 18/12/2008 */
ul.tabbernav li,
.login_form a.forgot_login {white-space:nowrap;}/*additional*/
.broom_form {clear: both}/*additional*/
.container1,
.container2 {margin: 0; padding: 20px 0 20px 30px }/*overwrites previous*/

input {color:#4c2c2c;}

label.description, label.description_edit {
    position:relative;
    clear:both;
    height:200px;

}

#description, #description_edit{
    position:relative;
    top:15px;
    color:#4c2c2c;
    clear:both;
}