body { font-family: Arial; color: #454545; font-size: 10pt; background-color: #454545; }
h1, h2, h3, h4, h5 ,h6 { margin: 0px; padding: 0px; }

h1 { font-size: 18px; font-weight: bold; }
h2 { font-size: 16px; font-weight: bold; }
h3 { font-size: 14px; font-weight: bold; }
h4 { font-size: 12px; font-weight: bold; }
h5 { font-size: 12px; font-weight: bold; }
h6 { font-size: 10px; font-weight: bold; }

hr { height: 3px; background-color: white; color: white; border: 0px; border-top: 1px solid #ddd; }
.matrix td { white-space: nowrap; text-align: center; }
*.answer { border-bottom: 1px solid #cecece; border-right: 1px solid #ececec; border-left: 1px solid #ececec; width: 100%; }
*.answer td { padding: 5px; border-bottom: 1px solid #cecece; }
*.answer td td { padding: 5px; border-bottom: 0px; }

*.header-image-admin {background: url(../img/menu/header_admin.jpg) top left no-repeat; padding: 0px; height: 73px; width: 100%; margin: 0px;}

/*-----MAIN TAB-----*/
div.main { position: relative; width: 100%; float: left; padding:0px; margin: 10px auto; font: 1em;}
*.main-bg { background: url("../img/main/bg.gif") bottom left repeat-x;}

*.main-tl { background: url("../img/main/rc.gif") top left no-repeat;}
*.main-br { background:url("../img/main/rc.gif") bottom right no-repeat;}

*.main-trc { background: url("../img/main/rc-trc.gif") top right no-repeat;}
*.main-blc { background: url("../img/main/rc-blc.gif") bottom left no-repeat; overflow: hidden;}

div.alignment {margin: 0px auto; width: 70%; padding: 5px 10px; overflow: hidden; background-color: #fff; }
div.overflowX { overflow-x: auto; width: 750px; }

*.btn { background-color:#FCE7B4; border:1px solid #FF8A00; color:#454545; float:right; font-weight:normal; margin: 0px 5px 0px 0px; padding:0 5px; text-decoration:none; cursor: pointer; }

*.barBorder { width: 200px; height: 19px; border: 1px solid #cecece; clear: both; margin: 0px auto; text-align: left; font-weight: bold; }
*.bar { height: 13px; border: 0px; background-color: #b4d83e; padding: 1px; margin: 2px }

.slider_container { position: relative; height: 100%; margin-top: 15px; }
.small_label { background: url(minus.gif) no-repeat; height: 19px; overflow: hidden; } 
.slider_bar { background: url(../img/icons/admin/slider-bg-2.gif) repeat-x; height: 20px; width: 260px;  float: left; margin: 0px 5px; position: relative;}
.large_label { background: url(plus.gif) no-repeat; height: 19px; overflow: hidden; float: left; } 
.slider_handle { background: url(../img/icons/admin/slider-handle.png) no-repeat; height: 20px; width: 10px; overflow: hidden; position: absolute; top: 1px;} 

.slider_bar_vertical { background: url(../img/icons/admin/slider-bg-2_ver.gif) repeat-x; height: 260px; width: 20px; margin: 5px 0px; position: relative; clear: left;}
.slider_handle_vertical { background: url(../img/icons/admin/slider-handle_ver.png) no-repeat; height: 10px; width: 20px; overflow: hidden; position: absolute; top: 1px;}

.slider_callout_hor { height: 45px; width: 38px; overflow: hidden; position: absolute; top: -25px; margin-left:-14px;  padding: 8px 0px 0px 0px; font-family: 'Myriad Pro'; color: #284a6e; font-weight: bold; text-align: center;} 
.slider_callout_ver { height: 45px; width: 38px; overflow: hidden; position: absolute; top: -10px; margin-left: 15px; margin-top: -10px; padding: 8px 0px 0px 0px; font-family: 'Myriad Pro'; color: #284a6e; font-weight: bold; text-align: center;} 

a.button { outline: none; background: transparent url('../img/add/add-button-a.gif') no-repeat scroll top right; color: #fa6b01; display: block; float: right; height: 25px; margin-right: 0px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight: normal; position: relative; text-align: left;}
a.button:hover { color: #454545;}
a.button span { background: transparent url('../img/add/add-button-span.gif') no-repeat; display: block; line-height: 15px; padding: 4px 15px 4px 15px;}

input.login { border: 2px solid #a4cf16; background: white; width: 190px; padding: 3px; }

table.multiple tr:hover, table.matrix tr:hover { background-color: #ececec; }


.container { width: 98%; border: 1px solid #ececec; border-bottom: 2px solid #cecece; padding: 1px; overflow: hidden; }
.header { border-bottom: 1px solid #cecece; padding: 10px 0px; width: 100%; }
.header h3 { width: 99%; }
.content { padding: 5px 5px 20px; overflow-x: auto; overflow-y: hidden; width: 99%; }
.content table td { padding: 2px 5px; vertical-align: middle; }
.content table td label { cursor: pointer; }

.textWidth { float: left; }
.textWidth input { width: 13px; }

/*------ LOGIN PAGE ------*/
.clear { overflow: hidden; width: 100%;}
*.login-box { width: 32%; float: left; text-align: left; margin: 0px;}
a.login-but { outline: none; background: transparent url('../img/add/add-button-a.gif') no-repeat scroll top right; color: #fa6b01; display: block; float: left; height: 25px; margin-right: 0px; padding-right: 15px; /* sliding doors padding */ text-decoration: none; font-weight: normal; margin: 0px;}
a.login-but:hover { color: #454545;}
a.login-but span { background: transparent url('../img/add/add-button-span.gif') no-repeat; display: block; line-height: 15px; padding: 4px 15px 4px 15px;}
*.login-bg { background: #fff url("../img/packets/shapes.gif") top left repeat-x; margin-bottom: 10px; }

*.login-tl { background: url("../img/packets/rc.gif") top left no-repeat;}
*.login-tr { background: url("../img/packets/rc.gif") top right no-repeat;}
*.login-br { background:url("../img/steps/rc.gif") bottom right no-repeat;}

*.login-trc { background: url("../img/packets/rc-trc.gif") top right no-repeat; padding: 10px; height: 220px;}
*.login-blc { background: url("../img/steps/rc-blc.gif") bottom left no-repeat; padding: 10px; height: 220px;}

*.login-box input {border: 2px solid #a4cf16; background: white; width: 80%; padding: 3px;}
*.login-box hr { margin: 5px auto; height: 1px; background-color: #e5e5e5; color: #e5e5e5; border: none; width: 100%;}
*.login-box h2 { color: #fa6b01; font-size: 1.8em ; font-weight: bold; margin: 0px auto;}

*.login-box input {border: 2px solid #a4cf16; background: white; width: 80%; padding: 3px;}

*.error { color: red;}
