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

/*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}
*/

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

/*FORMS*/

.broom_form {}
.broom_form fieldset {border: none; outline: none; background:url(assets/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 input.readonly {border: 1px solid #DDDDDD; height: 17px; padding: 6px 5px 4px 5px; position: absolute; top: 30px; left: 0; outline: none; width: 100%; background: #ffffff;color:#AAAAAA}
.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(assets/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(assets/img/layout/box-right.gif) top right no-repeat; clear: both}
.btn-inner {margin: 0;padding: 7px 0 0 0;background: url(assets/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(assets/img/layout/box-left.gif) bottom left no-repeat;}	
.btn-inner em {margin: 0;display: block;background: url(assets/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(assets/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(assets/img/layout/highlight_red.gif) repeat-x #f6dcd9;}
div.confirm {border: 1px solid #cad3a6; background: url(assets/img/layout/highlight_green.gif) repeat-x #dfe9b8;}
div.attention {border: 1px solid #dbd6a1; background: url(assets/img/layout/highlight_yellow.gif) repeat-x #f8f2b7;}
div.information {border: 1px solid #b8c6d2; background: url(assets/img/layout/highlight_blue.gif) repeat-x #dae6f1;}

/*LOGIN*/
.login_form {xposition: absolute; xtop: 200px; xleft: 200px; width:400px; font-size:1.6em;}
.login_form fieldset {padding: 10px 30px 15px 30px; margin-top: 10px; border:none;}
.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;}