@CHARSET "UTF-8";




html {
height: 100%;
min-height: 101%;
background: #1B4052;
}


body {
height: 100%;
font-size: 13px;
font-family: 'arial', 'helvetica', 'tahoma', 'sans-serif';
line-height: 1;
text-align: center;
color: #FFFFFF;
}

ul, li, img, h1, h2, h3, h4, h5, h6, form, p, body, html {
margin: 0;
padding: 0;
line-height: 1;
}

img {
border: 0;
display: block;
}

p {
padding: 0 0 10px 0;
font-size: 13px;
font-family: 'arial', 'helvetica', 'tahoma', 'sans-serif';
line-height: 18px;
}

li { line-height: 18px; }

a {
color: #FFFFFF;
text-decoration: none;
}

a:hover {
color: #57D0EA;
text-decoration: none;
}


h2 { color: inherit; font-family: 'Archivo Narrow', 'arial', 'helvetica', 'tahoma', 'sans-serif'; font-weight: 400; font-size: 26px; line-height: 32px; padding-bottom: 10px; }
h3 { font-family: 'Archivo Narrow', 'arial', 'helvetica', 'tahoma', 'sans-serif'; color: #1B4052; font-weight: 400; font-size: 20px; line-height: 30px; padding-bottom: 10px; }
h4 { font-family: 'arial', 'helvetica', 'tahoma', 'sans-serif'; font-weight: 700; font-size: 14px; line-height: 22px; padding-bottom: 5px; }

p + h3 { margin-top: 10px; }

hr { border: none; border-top: 1px solid #DDDDDD; background-color: transparent; height: 1px; margin: 20px 0 20px 0; padding: 0; }
p + hr { margin-top: 10px; }





/*
#footer { text-align: left; width: 960px; background: #DCE6F0; border-top: 1px solid #B7CBDE; border-bottom: 1px solid #B7CBDE; font-size: 8pt; line-height: 30px; padding: 0; margin: 0 0 0 30px; }
#footer div.left { float: left; width: 520px; padding-left: 20px; }
#footer ul {}
#footer ul > li { display: block; height: 30px; line-height: 30px; list-style: none; float: left; margin-right: 15px; }
#footer p.right { text-align: right; font-size: 8pt; line-height: 30px; padding: 0 20px 0 0; margin: 0 0 0 620px; }
#footer a { text-decoration: none; }
*/

/* ######## FORM ######## */
form { display: block; padding-bottom: 20px; padding-top: 20px; }

div.formwrapper, span.formwrapper { padding: 5px 5px; background: #FFFFFF;
   -moz-box-shadow:    inset 0px 1px 3px #999999;
   -webkit-box-shadow: inset 0px 1px 3px #999999;
   box-shadow:         inset 0px 1px 3px #999999;
}



/*
input[type="text"] { font-family: inherit; font-size: 12px; width: 220px; height: 26px; margin: 0 0 0 0px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }
input[type="password"] { font-family: inherit; font-size: 12px; width: 220px; height: 26px; margin: 0 0 0 0px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }
*/




input[type="text"] { font-family: inherit; font-size: 12px; width: 220px; height: 26px; margin: 0 0 0 0px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }
input[type="password"] { font-family: inherit; font-size: 12px; width: 220px; height: 26px; margin: 0 0 0 0px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }

div.formwrapper input[type="text"], div.formwrapper input[type="search"], span.formwrapper input[type="text"] { border: none !important; padding: 0; margin: 0; width: 100%; display: block; height: 22px; background: transparent; color: #333333; }
div.formwrapper input[type="password"] { border: none; padding: 0; margin: 0; width: 100%; display: block; height: 22px; background: transparent; color: #333333; }
div.formwrapper select, span.formwrapper select { border: none; padding: 2px 0 0 0; margin: 0; width: 100%; display: block; height: 22px; background: transparent; color: #333333; }
div.formwrapper textarea { border: none; padding: 0; margin: 0; width: 100%; display: block; background: transparent; color: #333333; }

.dataTables_filter { line-height: 1; }
.dataTables_filter div.formwrapper { display: inline-block; }
.dataTables_filter div.formwrapper input[type="search"] { display: inline-block; }

div.formwrapper.readonly { background: #DDDDDD; }
div.formwrapper.readonly select { background: #DDDDDD; color: #666666; }
div.formwrapper.readonly input { background: #DDDDDD; color: #666666; }

div.checkboxField div.formwrapper, div.checkboxField ul.errors, div.checkboxField .button { margin-left: 30px; }
div.checkboxField input[type="checkbox"] + label { float: left; display: block; margin-top: 6px; }

dd div.checkboxField input[type="checkbox"] + label { float: left; display: block; margin-top: -2px; }

div.captcha_wrapper { }
div.captcha_code { float: left;  }
div.captcha_text { margin-left: 92px; padding: 5px 5px; background: #FFFFFF;
   -moz-box-shadow:    inset 0px 1px 3px #999999;
   -webkit-box-shadow: inset 0px 1px 3px #999999;
   box-shadow:         inset 0px 1px 3px #999999;
}

div.captcha_text input[type="text"] { border: none; padding: 0; margin: 0; width: 100%; display: block; height: 22px; background: transparent; color: #333333; }


textarea { font-family: inherit; font-size: 12px; width: 420px; height: 160px; margin: 0 0 0 0px; padding: 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }

select { font-family: inherit; font-size: 12px; width: 226px; height: 28px; margin: 0 0 0 0px; padding: 3px 0 3px 4px; line-height: 22px; border: 1px solid #999999; color: #333333; }

select.readonly { background: #DDDDDD; color: #666666; }
input.readonly { background: #DDDDDD; color: #666666; }

input[type="checkbox"] {
    display:none;
}
input[type="checkbox"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
    background:url('/skin/default/img/layout/checkboxes.png') -30px -30px no-repeat;
    cursor:pointer;
}

input[type="checkbox"] + label { font-weight: normal; }

input[type="checkbox"]:checked + label span {
    background:url('/skin/default/img/layout/checkboxes.png') -30px 0px no-repeat;
}

input[type="checkbox"].readonly + label span {
	opacity: 0.7;	
}



input[type="radio"] {
    display:none;
}
input[type="radio"] + label span {
    display:inline-block;
    width:20px;
    height:20px;
    margin:-1px 8px 0 0;
    vertical-align:middle;
    background:url('/skin/default/img/layout/checkboxes.png') 0px -30px no-repeat;
    cursor:pointer;
}

input[type="radio"] + label { font-weight: normal; }

input[type="radio"]:checked + label span {
    background:url('/skin/default/img/layout/checkboxes.png') 0px 0px no-repeat;
}



label { font-weight: bold; color: #333333; }
form  dl > dd label { font-weight: normal; }

form  dl { display: block; margin: 0; padding: 0; }
form  dl > dt { font-size: 13px; width: 170px; display: block; float: left; height: 34px; line-height: 34px; margin-bottom: 3px; padding-right: 10px; }
form  dl > dd { min-height: 34px; line-height: 34px; margin-bottom: 3px; padding: 0; display: block; margin-left: 190px; }

form dl > dd.elementlink { position: relative; }
form dl > dd.elementlink a { position: absolute; z-index: 99; background: url('/img/icons/folder_explore.png') no-repeat center center; width: 32px; height: 32px; display: block; text-indent: -999px; overflow: hidden; right: 0px; top: 0px; }
form dl > dd.elementlink a:hover { background: #CCCCCC url('/img/icons/folder_explore.png') no-repeat center center; }

form dl.checkedFormFields > dt { width: 22px; }
form dl.checkedFormFields > dd { margin-left: 35px; }

p.formerror { font-size: 8pt; color: #CC0000; }

form ul.errors { margin-left: 0px; padding-bottom: 0px !important; margin-top: 2px; }
form ul.errors > li { color: #CC0000; font-size: 11px; list-style: none; background: url('/skin/default/img/layout/bullet_dark.png') no-repeat left 4px !important; padding-left: 18px; line-height: 1.3; margin-bottom: 6px; }

/*
form { display: block; }

input[type="text"] { font-family: inherit; font-size: 12px; width: 170px; height: 26px; margin: 0 0 0 5px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }
input[type="password"] { font-family: inherit; font-size: 12px; width: 170px; height: 26px; margin: 0 0 0 5px; padding: 0 0 0 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

textarea { font-family: inherit; font-size: 12px; width: 400px; height: 250px; margin: 0 0 0 5px; padding: 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

select { font-family: inherit; font-size: 12px; width: 176px; height: 28px; margin: 0 0 0 5px; padding: 3px 0 3px 4px; line-height: 22px; border: 1px solid #C1C3D6; color: #333333; }

select.readonly { background: #DDDDDD; color: #666666; }
input.readonly { background: #DDDDDD; color: #666666; }

label { font-weight: bold; }

form > dl { display: block; margin: 0; padding: 0; }
form > dl > dt { width: 150px; display: block; float: left; height: 28px; line-height: 28px; margin-bottom: 3px; padding-right: 10px; }
form > dl > dd { min-height: 28px; line-height: 28px; margin-bottom: 3px; padding: 0; display: block; }

p.formerror { font-size: 8pt; color: #CC0000; }
*/
/* ######## BUTTONS ######## */

a.button { white-space: nowrap; border: 1px solid #1B4052; font-size: 13px; font-weight: bold; color: #FFFFFF !important; text-decoration: none; background: #1B4052; line-height: 30px; padding: 6px 20px; }
a.button:hover { color: #FFFFFF !important; text-decoration: none; border: 1px solid #14303D; background: #14303D/*#1799B5*/; }

span.button { white-space: nowrap; border: 1px solid #CDE9EF; font-size: 13px; font-weight: bold; color: #FFFFFF !important; text-decoration: none; background: #CDE9EF; line-height: 30px; padding: 6px 20px; }


/* ######## CLEARS ######## */

.clear {
clear: both;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}

.clear_right {
clear: right;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}

.clear_left {
clear: left;
height: 0;
margin: 0;
padding: 0;
font-size: 0px;
line-height: 0;
}