﻿/* GENERIC */
body {background:#fff;color:#333;font-family:Verdana,Arial,sans-serif;font-size:12px;margin:0;padding:0;white-space:nowrap;min-width:1024px;}
.bodyClean { min-width:200px }

a:link,a:visited{color:#5b80b2;text-decoration:none;}
a:hover{color:#036;}
a img{border:none;}

p,ol,ul,dl{margin:.2em 0 .8em;}
p{line-height:140%;padding:0;}

h1{color:#666;font-size:18px;margin:0 0 .2em;padding:0 6px 0 0;}
h2{font-size:16px;margin:1em 0 .5em;}
h3{color:#666;font-size:14px;font-weight:700;margin:.8em 0 .3em;}
h4{color:#666;font-size:12px;margin:1em 0 .8em;padding-bottom:3px;}
h5{color:#666;font-size:10px;letter-spacing:1px;margin:1.5em 0 .5em;text-transform:uppercase;}

ul li{list-style-type:square;padding:1px 0;}
li,dt,dd{font-size:11px;line-height:14px;}

hr{background-color:#eee;border:none;clear:both;color:#eee;font-size:1px;height:1px;line-height:1px;margin:0;padding:0;}

h1,h2,h3,h4,h5,.bold{font-weight:700;}
p img,h1 img,h2 img,h3 img,h4 img,td img,.form-row img,.form-row input{vertical-align:middle;}

.nowrap { white-space:nowrap; }

.money { text-align:right; }
.int { text-align:right; }

/* POINTERS */
.hand,.pointer{cursor:pointer;}
.nocursor{cursor:default!important;}

/* ALIGNMENT */
.float-right{float:right;}
.float-left{float:left;}
.clear{clear:both;}
.align-left{text-align:left;}
.align-right{text-align:right;}
.center{text-align:center;}

/* GENERIC CLASS */
caption, .caption {background:#7CA0C7 url(../img/default-bg.gif) top left repeat-x;color:#FFF;font-size:11px;font-weight:700;margin:0;padding:2px 5px 3px;text-align:left;}

/* TABLE */
table {border-collapse:collapse;}

thead th a, thead th a:hover, thead th a:link,thead th a:visited{color:#666;display:block;white-space:nowrap;cursor:pointer;}
.rowList{background:#EDF3FE;color:#5b80b2;cursor:pointer;}
.rowList:hover{background:#CDCDCD;color:#036;}


/* PAGINATOR */
.paginator {border-top:1px solid #ddd;font-size:11px;line-height:22px;margin:0;padding-bottom:10px;padding-top:10px; }
.paginator .box{background:#FFF;border:solid 1px #ccc;color:#5b80b2;padding:2px 6px;text-decoration:none; cursor:pointer;}
.paginator .boxBold{background:#FFF;border:solid 1px #ccc;font-weight:700;padding:2px 6px;text-decoration:none;cursor:pointer;}
.paginator a:link,.paginator a:visited{background:#FFF;border:solid 1px #ccc;padding:2px 6px;text-decoration:none;}
.paginator a:hover{background:#5b80b2;border-color:#036;color:#FFF;}


/* FORMS */
form, fieldset {margin:0;padding:0;}
fieldset { background:white none repeat scroll 0 0; border:1px solid #CCCCCC; margin-bottom:5px; }

input[type=password],input[type=button],input[type=text],input[type=submit],input[type=image],textarea,select{font-family:Verdana, sans-serif;font-size:11px;font-weight:400;margin:2px 0;padding:2px 3px;vertical-align:middle;}

/* important - ajaxupload fix remove font */
input[type=radio],input[type=check]{font-size:11px;font-weight:400;margin:2px 0;padding:2px 3px;vertical-align:middle;}
.upload { cursor:cursor }

textarea{vertical-align:top!important;}
input[type=text],input[type=password],textarea,select{border:1px solid #ccc;}
input[type=submit],input[type=button],.submit-row input{background:#FFF url(../img/nav-bg.gif) bottom repeat-x;border:1px solid #bbb;border-color:#ddd #aaa #aaa #ddd;color:#000;padding:3px;}
input[type=submit]:active,input[type=button]:active{background-image:url(../img/nav-bg-reverse.gif);background-position:top;}
input[type=button].default,input[type=submit].default,.submit-row input.default{background:#7CA0C7 url(../img/default-bg.gif) bottom repeat-x;border:2px solid #5b80b2;color:#FFF;font-weight:700;}
input[type=submit].default:active{background-image:url(../img/default-bg-reverse.gif);background-position:top;}
input[type=submit].hidden{visibility:hidden;}
input[readonly],textarea[readonly]{border:1px solid #bbb;color:#999;}

.form-row {border-bottom:1px solid #eee;font-size:11px;overflow:hidden;padding:8px 12px;}
.form-row p{font-size:11px;padding-left:0;}

form h4{border:none!important;margin:0!important;padding:0!important;}
label{color:#666;font-size:11px;font-weight:400!important;}
label.inline{margin-left:20px;}
.required label,label.required{color:#333!important;font-weight:700!important;}
ul.radiolist li{list-style-type:none;}
ul.radiolist label,.aligned label.inline{display:inline;float:none;}
ul.inline{margin-left:0;padding:0;}
ul.inline li{float:left;padding-right:7px;}
.aligned label{display:block;float:left;padding:4px 1em 3px 0;width:14em;}

.submit-row{background:#FFF url(../img/nav-bg.gif) 0 100% repeat-x;border:1px solid #ccc;margin:5px 0;padding:5px 7px;text-align:right;}
.submit-row input{margin:0 0 0 5px;}
.submit-row p{margin-top:.3em;}
.submit-row .deletelink{background:url(../img/icon_deletelink.gif) 0 50% no-repeat;padding-left:14px;}

.submit-sub-row{background:#FFF url(../img/nav-bg.gif) 0 100% repeat-x;border:1px solid #ccc;margin:5px 0;padding:5px 7px;}
.submit-sub-row input{margin:0 0 0 5px;}

/* MESSAGES */
.successMessage{background:url(../img/successMessage.png) no-repeat;color:green;padding-left:25px;}
.errorMessage { background:url(../img/errorMessage.png) no-repeat;color:#f4002e;padding-bottom:2px;padding-left:25px;}
.validationSummary { padding-top:10px; padding-left:10px; }
.validationSummary ul { margin:0; padding:0; }
.validationSummary li { list-style-type:none;background:url(../img/errorMessage.png) no-repeat;color:#f4002e;padding-bottom:5px;padding-left:25px; font-size:small;}
.warningMessage{background:url(../img/warningMessage.png) no-repeat;color:#535353;margin-left:10px;padding-left:25px;}


.cmsOptionImage{display:inline;float:left;min-width:25px;}
.cmsOptionImage img{vertical-align:text-top;}


.breadcrumbs{background:#FFF url(../img/nav-bg-reverse.gif) 0 -10px repeat-x;border-bottom:1px solid #ccc;border-top:1px solid #FFF;color:#999;font-size:11px;padding:5px 10px 4px;text-align:left;}

/* Styled Links */
.addlink{background:url(../img/icon_addlink.gif) 0 .2em no-repeat;padding-left:12px;}
.changelink{background:url(../img/icon_changelink.gif) 0 .2em no-repeat;padding-left:12px;}
.deletelink{background:url(../img/icon_deletelink.gif) 0 .25em no-repeat;padding-left:12px;}
a.deletelink:link,a.deletelink:visited{color:#CC3434;}
a.deletelink:hover{color:#933;}


/* LAYOUT */
#container{min-width:760px;padding:0;position:relative;width:100%;}
#content{margin:10px 15px;}
#content-main{float:left;width:100%;}

#header{background:#7a9fc5;color:#ffc;overflow:hidden;width:100%;}
#header a:link,#header a:visited{color:#FFF;}
#header a:hover{text-decoration:underline;}
#header #branding h1{color:#f4f379;font-size:18px;font-weight:400;margin:8px 0;padding:0 10px;} 
#header #user-tools{font-size:11px;padding:1.2em 10px;position:absolute;right:0;text-align:right;top:0;}

#footer{clear:both;padding:10px;}


/* MENU */
#mainmenu{background:#7CA0C7 url(../img/default-bg.gif) repeat-x scroll left top;padding:10px;overflow:hidden; white-space:normal;}
#mainmenu a{color:#F4F379;font-weight:700;margin-right:14px;}
#mainmenu a:hover,#mainmenu a.active{color:#fff;}
#mainmenu .current {color:#FFFFFF;font-weight:bold}


/* LOGON */
#logon {background:#eee;}
#logon #header{background:#7CA0C7 url(../img/default-bg.gif) repeat-x scroll left top;}
#logon #container{background:#FFF;border:1px solid #ccc;margin-left:auto;margin-right:auto;margin-top:100px;min-width:350px;width:28em;}
#logon .form-row label {float:left;font-size:1em;line-height:2em;padding-right:.5em;text-align:right;width:60px;}


/* DASHBOARD-HP */
#dashboard table {width:500px;background:#FFF;border:1px solid #ccc;margin-bottom:5px;}
#dashboard table th {padding-left:.4em; }
#dashboard table td {border-bottom:1px solid #ccc; white-space:nowrap; width:100px;}
#dashboard table td a {display:block;padding-right:.6em;}


/* LIST */
#list {background:#efefef;border:1px solid #ccc;margin-bottom:5px; padding-right:200px; overflow-x:hidden;}
#list100 {background:#efefef;border:1px solid #ccc;margin-bottom:5px; overflow-x:hidden;}

#list #filters {background:#efefef;margin:0;width:200px;position:absolute;right:16px; overflow-x:hidden;}
#list #filters h2 {border-bottom:1px solid #ddd;font-size:11px;padding:2px 5px;}
#list #filters h3 {font-size:12px;margin-bottom:0;padding-left:9px;}
#list #filters ul {margin-left:10px;padding-left:0;}
#list #filters li {list-style-type:none;margin-left:0;padding-left:0;}
#list #filters li.selected {border-left:5px solid #ccc;margin-left:-10px;padding-left:5px;}

#list100 #container { border-right:1px solid #ddd;background:#FFF; min-height:450px;}
#list #container { border-right:1px solid #ddd;background:#FFF; min-height:450px;}
#list .paginator {background:#FFF url(../img/nav-bg.gif) 0 180% repeat-x;border-bottom:1px solid #eee;border-top:1px solid #eee;color:#666;padding-left:10px; white-space:normal;}
#list #toolbar {background:#e1e1e1 url(../img/nav-bg.gif) top left repeat-x;border-bottom:1px solid #ddd;color:#666;height:30px;padding:3px;}

.fieldsetList { width:100%;}
.fieldsetList form { width:inherit; }
.fieldsetList .paginator { border:0; margin-left:10px; }

.listTable { width:inherit; table-layout:fixed;}
.listTable td {border-bottom:1px solid #eee;font-family:"Lucida Grande" , Verdana, Arial, sans-serif;font-size:11px;line-height:13px;padding:5px;vertical-align:top;overflow:hidden;}
.listTable th {font-size:11px;font-weight:700;text-align:left;padding:2px 5px;color:#666;white-space:nowrap;overflow:hidden; }
.listTable tbody td {border-right:1px solid #ddd;}

.listTable th { border-right:1px solid #DDDDDD; border-bottom:1px solid #DDDDDD; }
.listTable .last { border-right:0px; }


/* TOOLS */
.tools {font-family:Arial,Helvetica,sans-serif;font-size:10px;font-weight:700;margin-bottom:-2em;margin-top:-2.4em;padding-left:0;position:absolute;right:15px;}
.tools li{background:url(../img/tool-left.gif) 0 0 no-repeat;display:block;float:left;height:16px;margin-left:2px;padding:0 0 0 8px;}
.tools li:hover{background:url(../img/tool-left_over.gif) 0 0 no-repeat;}
.tools a:link,.tools a:visited{background:#999 url(../img/tool-right.gif) 100% 0 no-repeat;color:#FFF;display:block;float:left;height:14px;padding:.1em 14px .1em 8px;}
.tools a:hover,.tools li:hover a{background:#5b80b2 url(../img/tool-right_over.gif) 100% 0 no-repeat;}
.tools a.addlink{background:green url(../img/tooltag-add.gif) top right no-repeat;padding-right:28px;}
.tools a.addlink:hover{background:#5b80b2 url(../img/tooltag-add_over.gif) top right no-repeat;}


/* FIXES */
input[type=checkbox]{width:13px;overflow:hidden;margin-left:0px;padding-left:0;margin-right:10px;}

.ajaxProgress 
{    
    display:inline;
    z-index:100;
    overflow:visible;
    display:none;
    padding-left:10px;
}


/* Uploader */
img.uploader {max-width:100px;padding-right:4px;vertical-align:bottom;}
span.uploader {color:#CC3434; margin-left:4px;}

/* DatePicker */
.datepickimg { cursor:pointer; vertical-align:middle; }
#ui-datepicker-div { font-size: 88%; }

/* Editor */
.editorContainer { margin-left:164px; margin-top:2px;}
.editor { display:none;}

/* Gallery */
.galleryItem
{
    float:left; 
    text-align:left;
    height:60px;
    width:195px;
    background-color:#efefef; 
    padding:5px; 
    margin:5px; 
    font-size:smaller;
}

.galleryItem .button
{
    width:50px;
    font-size:9px;
    height:20px;
    cursor:pointer;
}

/********************************* VALIDATION **************************************/

textarea.input-validation-error, select.input-validation-error, input.input-validation-error { border: 1px solid #FFA500; background-color: #f2f2f2; }
span.input-validation-error { 
    color: #ff0000; 
    font-weight:normal; 
    font-style:italic;     
    vertical-align:middle; 
    display:inline; 
    padding-left:20px;
    padding-right:5px;
    background:url(../img/icon-no.gif) no-repeat;
    background-position:5px 2px;   
}

.field-validation-error { color: #ff0000; }

.validation-summary-errors { color: #ff0000; }
.validation-summary-errors span { font-weight: bold; }
.validation-summary-errors ul { padding:0; margin:0; list-style-type:none; padding-top:10px; padding-bottom:2px; }
.validation-summary-errors li
{
    font-weight: normal;
    list-style-type:none;
    color:#f4002e;
    padding-bottom:2px;
    white-space:pre-line;    
}

.validation-summary-errors li span { font-weight:normal; vertical-align:text-top; }
