/* DEFAULTS
----------------------------------------------------------*/

html
{
    overflow-y: scroll;
}

body
{
    background: #b6b7bc;
    font-size: 11px;
    font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
    margin: 0px;
    padding: 0px;    
}

body.white
{
    background: #ffffff;
}

a:link, a:visited
{
    /*color: #034af3;*/
}

a:hover
{
    color: #1d60ff;
    text-decoration: none;
}

a:active
{
    color: #034af3;
}

a.white
{
    color:White;
}

p
{
    margin-bottom: 10px;
    line-height: 1.6em;
}

err{ color: Red; }
span.error, td.error
{
    padding-left: 10px;
    color: Red;
    font-weight: bold;
}
label.error
{
    position: absolute;
    background-color: red;
    padding: 2px 4px;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: bold;
}
label.errormsg
{
    background-color: red;
    padding: 2px 4px;
    color: #FFFFFF;
    border-radius: 4px;
    font-weight: bold;
}
#divReviewOrder tr.lineitem label.error
{clear:both;}

.tr_pink{background-color: #FFC1C1;}
.tr_red{background-color: #FF0000; color: #FFFFFF;}
.tr_blue{background-color: #74BBFB;}
.tr_green{background-color: #397D02; color: #FFFFFF;}
.tr_yellow{background-color: #FFE303;}
.tr_purple{background-color: #4B0082;}
.tr_orange{background-color: #FFA500;}
.tr_darkblue{background-color: #000080;}
.tr_darkred{background-color: #800000;}
.tr_normal{background-color: #FFFFFF;}

.alignleft{ text-align:left; }
.aligncenter{ text-align:center; }
.alignright{ text-align:right; }

.colorblack{ color:#000000; }
.colorpink{ color:#FFC1C1; }
.colorred{ color:#FF0000; }
.colorblue{ color:#0000FF; }
.colorgreen{ color:#009900; }
.coloryellow{ color:#FFE303; }
.colorpurple{ color:#4B0082; }
.colororange{ color:#FFA500; }
.colordarkblue{ color:#000080; }
.colordarkred{ color:#800000; }
.colorgray{ color:#999999; }

.noshow{ width:1px; overflow: hidden; visibility:hidden; }
#tabitems a { cursor: pointer; }
#tabitems select { max-width: 400px; }
#divDisplayPKID, #divDetailFooter{ margin-top: 10px; padding:3px; background-color:#EEE; border:1px #CCC solid; display: inline-block; float: left; clear: both; }
#divDetailFooter div{ float: left; width:250px;}
#divDetailFormFeedback { float: left; }
#divDetailFormFeedback #fadingmsg{ float:right; padding:3px 8px; color:#FFF; background-color: red; white-space: nowrap; }

attendees #fadingmsg { position:absolute; padding:3px 8px; color:#FFF; background-color: red;}
#paymentinfo #fadingmsg { position:absolute; padding:3px 8px; color:#FFF; background-color: red;}
#paymenttabs #fadingmsg { position:absolute; padding:3px 8px; color:#FFF; background-color: red;}
#payment_datatable_wrapper #fadingmsg { position:absolute; padding:3px 8px; color:#FFF; background-color: red;}

#bottombuttons #fadingmsg { float:left ; padding:3px 8px; color:#FFF; background-color: red;}
div#detailFormButtons input { float: left;}
div#detailFormButtons #fadingmsg { float:left; padding:3px 8px; color:#FFF; background-color: red;}

div#divSearchFields, div#maingrid, div.dialogSearchFields { margin-bottom:2px; }
div#divSearchFields { padding-left:10px; font-size: 13px; }

div#debug{ width:100%; border: 1px #AAAAAA solid; background-color: White; margin-top: 2px; overflow-y:scroll; height: 200px;}
div#debug div{padding: 5px 5px 0 5px; }
#a_addAttendee, #a_reviewOrder { float: left; margin-right: 5px;  }
span.waitmessage { color: Red; }
#m_debugmsg { font-family: Myriad Pro; margin-top: 10px; }

#msgcontainerfloater { float: right; position:relative; left: -100px; width: 350px; }
#msgcontainer { position:absolute; padding:0 10px; background-color: #3A4F63; z-index: 999; }
#topmenu .fadingmsg{ color:red; font-weight: bold; font-size: 1.2em; clear: right; white-space: nowrap; margin-bottom: 4px; }

    #divOrderConfirmation legend{padding: 0 3px 0 0; }
    #divOrderConfirmation fieldset {padding: 10px; }
    #divOrderConfirmation fieldset.billing{ margin-bottom: 12px; padding: 10px; }
    #divOrderConfirmation fieldset.attendee{ clear: both;}
    #divOrderConfirmation div.attendeeinfo{float:left; width: 340px; margin-bottom: 12px;}
    #divOrderConfirmation div.enrollments{float:left; width: 520px;}
    #divOrderConfirmation label{width: 75px; display: inline-block; float: left;}
    #divOrderConfirmation #paymentdetails label, #divOrderConfirmation #payerinfo label
        {width:100px; display: inline-block; float: left; text-align: right; margin-right: 8px; }
    #divOrderConfirmation div.attendeeinfo label
        {width:60px; display: inline-block; float: left; text-align: right; margin-right: 8px; }
    #divOrderConfirmation .enrollment { margin-bottom: 12px; display: block; }
    #divOrderConfirmation .enrollment label{ width: 50px; text-align: right; margin-right: 8px; }

    #divOrderConfirmation div.clear div{ clear: left; }
    #divOrderConfirmation #divButtons { float: right; margin: 8px 0 0 10px; }
    #divOrderConfirmation #divButtons input { width: 150px; margin-bottom: 5px; }
    #divOrderConfirmation .column { float: left; margin-right: 30px;  }
    #divOrderConfirmation #fees { margin-right:40px;  }
    #divOrderConfirmation #fees i { color: Red; }
    #divOrderConfirmation #fees div { clear:both; padding: 2px; }
    #divOrderConfirmation #fees div div { clear: none; float: left; padding: 0; }
    #divOrderConfirmation #fees div div.col { clear: none; float: right; width: 45px; text-align: right; display: block; padding-right: 4px; }
    #divOrderConfirmation #fees #fadingmsg { position:absolute ; padding:3px 8px; color:#666666; background-color: #CCCCCC;}
    #divOrderConfirmation #payerinfo div{ clear:both; }
    #divOrderConfirmation #paymentdetails div{ clear:both; }
    #paylater { padding-left: 180px; }

    #submit_zerodue { float: right; clear: both; margin-top: 5px;}

/* HEADINGS   
----------------------------------------------------------*/

h1, h2, h3, h4, h5, h6
{
    font-size: 1.5em;
    color: #666666;
    font-variant: small-caps;
    text-transform: none;
    font-weight: 200;
    margin-bottom: 0px;
}

h1
{
    font-size: 1.6em;
    padding-bottom: 0px;
    margin-bottom: 0px;
}

h2
{
    font-size: 1.5em;
    font-weight: 600;
}

h3
{
    font-size: 1.2em;
}

h4
{
    font-size: 1.1em;
}

h5, h6
{
    font-size: 1em;
}

/* this rule styles <h1> and <h2> tags that are the 
first child of the left and right table columns */
.rightColumn > h1, .rightColumn > h2, .leftColumn > h1, .leftColumn > h2
{
    margin-top: 0px;
}


/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/

.page
{
    width: 99%;
    background-color: #fff;
    margin: 5px auto 0px auto;
    border: 1px solid #496077;
}

.header
{
    position: relative;
    margin: 0px;
    padding: 0px;
    width: 100%;
}

.header h1
{
    font-weight: 700;
    margin: 0px;
    padding: 0px 0px 0px 20px;
    color: #f9f9f9;
    border: none;
    line-height: 2em;
    font-size: 2em;
}

.main
{
    padding: 0px 8px;
    margin: 12px 8px 8px 8px;
    min-height: 420px;
}

.leftCol
{
    padding: 6px 0px;
    margin: 12px 8px 8px 8px;
    width: 200px;
    min-height: 200px;
}

.footer
{
    color: #4e5766;
    padding: 8px 0px 0px 0px;
    margin: 0px auto;
    text-align: center;
    line-height: normal;
}

.floatleft
{
    float: left;
}

span#ajaxmessage
{
    margin: 10px;
}

/* TAB MENU   
----------------------------------------------------------*/

div#topmenu
{
    background-color:#3a4f63;
    width:100%;
    height:27px;
}

div.menu
{
    padding: 1px 0px 4px 16px;
}

div.menu ul
{
    list-style: none;
    margin: 0px;
    padding: 0px;
    width: auto;
}

div.menu ul li a, div.menu ul li a:visited
{
    background-color: #465c71;
    border: 1px #4e667d solid;
    color: #dde4ec;
    display: block;
    line-height: 1.35em;
    padding: 4px 20px;
    text-decoration: none;
    white-space: nowrap;
}

div.menu ul li a:hover
{
    background-color: #bfcbd6;
    color: #465c71;
    text-decoration: none;
}

div.menu ul li a:active
{
    background-color: #465c71;
    color: #cfdbe6;
    text-decoration: none;
}

#tabs .on{font-weight:bold;}

/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

input.textEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 320px;
    border: 1px solid #ccc;
}

input.shorttext
{
    width: 150px;
}

input.veryshorttext
{
    width: 75px;
}

input.midtext, textarea.midtext
{
    width: 150px;
}

input.longtext, textarea.longtext
{
    width: 260px;
}

input.verylongtext, textarea.verylongtext
{
    width: 400px;
}

div.accountInfo
{
    width: 42%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.logobar{
  /*  background: #4b6c9e; */
  background: blue;
    height: 45px;
}

.logo
{
    float: left;
    text-align: left;
    height: 45px;
    line-height: 45px;
    color: White;
}

.version  
{
    float: left; 
    text-align: left;
    height: 45px;
    line-height: 45px;
    color: White;
}
.version .rwp-or-dp { font-size: 1.5em; font-family: Arial; margin-right: 20px;}

.loginDisplay
{
    float: right;
    font-size: 1.1em;
    text-align: right;
    padding: 4px 10px;
    color: White;
    width: auto;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 1.2em;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

a.expando { display:inline-block; width: 20px; height: 20px; text-decoration:none; }
a.plus { background: url(/images/details_open.png); }
a.minus { background: url(/images/details_close.png); }

/* ===============  jq dropdowns ============== */

/* LEVEL ONE*/
ul.dropdown                         { }
ul.dropdown li                      { float: left; zoom: 1; background: #465C71; }
ul.dropdown a:hover		            { color: #DDE4EC; }
ul.dropdown a:active                { color: #DDE4EC; }

ul.dropdown li:last-child a         { } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #F3D673; color: #DDE4EC; position: relative; }
ul.dropdown li.hover a              { color: #DDE4EC; }


/* LEVEL TWO*/
ul.dropdown ul 						{ visibility: hidden; position: absolute; top: 24px; left: 0; z-index:1111111;}
ul.dropdown ul li 					{ background: #465C71; color: #DDE4EC; float: none; }								  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ display: block; } 

/* LEVEL THREE*/
ul.dropdown ul ul 					{ left: 100%; top: 0; }
ul.dropdown li:hover > ul 			{ visibility: visible; }

#modalEmail input[type="text"], #modalEmail textarea { width: 100%; }
#modalEmail textarea { height: 100px; }
#modalEmail #email_message { height: 270px; }
#modalEmail tr td:first-child { text-align: right; padding-right: 10px; }
#modalEmail tr:last-child td { padding-top: 15px; }
#modalEmail input[type="button"] { margin-right: 5px; }
#modalEmail div.option { float: left; margin-right: 5px; margin-bottom: 5px; padding: 3px; }
#modalEmail div.option a { text-decoration: none; color: Black; display: inline-block; padding: 5px; border: 3px #FFFFFF solid; border-width: 1px 1px 3px 1px;}
#modalEmail div.option a.selected { background-color: #C3D5F1; }
#modalEmail div.option a.selected, #modalEmail div.option a:hover { border-color: #4B6C9E; }

#dlg_cancellationfee label { width: 120px; display: inline-block; padding-left: 50px; }
#dlg_cancellationfee div { margin-bottom: 5px; }
#modalContainer { margin-bottom: 10px; }
#modalContainer table { margin-left: 15px; }
div.searchfields { padding: 3px 0; }
div.searchfields label { margin: 0 3px 0 10px; }

a.accept { display: block; width: 16px; height: 16px; background-image:url(/images/accept.png); float: left; }
a.cancel { display: block; width: 16px; height: 16px; background-image:url(/images/remove.png); float: left; }
.step2 input:text { display: block;  border: 1px gray solid; }
.step2 div { float: left; }
.step2 a { margin: 2px 0 0 3px; }
#batchreceipt_datatable_wrapper .step2 div { padding-left: 30px; }
td.checkbox, th.checkbod { width:15px; text-align: center; }

#c1, #c2, #c3, #c4, #c5, #c6, #c7, #c8, #c9 { overflow: auto; }

.dataTables_wrapper .fg-toolbar input[type="button"], .dataTables_wrapper .fg-toolbar button { float: left; cursor: pointer; }
#colchk_container { background-color: #EFEFEF; float: left; margin-bottom: 2px; }
#colchk_container legend { padding: 5px; font-size: 1.3em; }
#colchk_container legend button { font-size: .8em; margin-left: 15px; cursor: pointer; }
#colchk_container legend button label { cursor: pointer; line-height: .6em; }
#colchk_container legend button input { cursor: pointer; margin-top: 5px; height: 10px;  }
#colchk_container div.base label { text-decoration: underline; }
.colchk, .colchkall { width: 110px; float: left; margin: 5px; }
.colchkall { background-color: #DDDDDD; border: 1px #CCCCCC solid; margin: 3px 5px; }
.colchkall input { float: left; cursor: pointer; }
.colchkall label { float: left; display:block; margin-top: 2px; margin-right: 15px; cursor: pointer; }
#colorkey
{
    float:left;
    margin-bottom: 5px;
}

button div.text { float: left; }
button div.arrow-up { margin: 4px 0 0 8px; float: right; }
button div.arrow-down { margin: 4px 0 0 8px; float: right; }

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-bottom: 6px solid buttontext;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 6px solid transparent;
	border-right: 6px solid transparent;
	border-top: 6px solid buttontext;
}

.gridviewcolumn
{
    padding-right: 5px;
    padding-left: 5px;
}

div#divdropzone
{
    float: right;
    width:38%
}
div#divlazytree #lazytree
{
    clear:both;
}
div#divlazytree
{
    float: left;
    width: 61%;
}

div.floatdiv {
    float: left;
}

div#divfolderbuttons
{
    height: 22px;
    padding: 5px 10px;
    background-color: #DDDDDD;
    font-size: 14pt;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px #AAAAAA solid;
    border-left: 1px #AAAAAA solid;
    border-right: 1px #AAAAAA solid;
}

  
form#dropzone_form input[type="text"]
{
    border: 1px gray dotted;
    height: 25px;
    padding-left: 5px;
    width: 100%;
}
  
form#dropzone_form input[type="file"]
{
    display:none;
}

form#dropzone_form
{
    border: 1px gray dotted;
}

div#divdropfolder > div
{
    float: left;
}

div#divdropfolder
{
    height: 22px;
    padding: 5px 10px;
    background-color: #DDDDDD;
    font-size: 13pt;
    font-weight: bold;
    border-top-left-radius: 5px;
    border-top-right-radius: 5px;
    border-top: 1px #AAAAAA solid;
    border-left: 1px #AAAAAA solid;
    border-right: 1px #AAAAAA solid;
    overflow: hidden;
}

#divdropfolder #divaddname #newfoldername.show, #divdropfolder:hover #divaddname #newfoldername
{ 
    background-color: White; 
    border-color: #CCC;
}
#divdropfolder #divaddname button.show, #divdropfolder:hover #divaddname button
    { display: inline; }

#divdropfolder::after {
    content: "[click here to add folder]";
    position: relative;
    left: -120px;
    top: 0;
    color: #AAA;
    padding: 0;
}

#divdropfolder:hover::after, #divdropfolder.show::after
{
    content: "";
}

#divdropfolder #divaddname input#newfoldername {
    background-color: rgba(0, 0, 0, 0);
    border: 1px rgba(0, 0, 0, 0) solid;
    height: 22px;
    padding-top: 0;
    position: relative;
    top: -2px;
    width: 120px;
}

#divdropfolder #divaddname button 
{
    display: none;
    height: 25px;
    position: relative;
    top: -3px;
    margin-left: 3px;
    font-size: 14px;
}

.icon-blocked { color: Red; padding-left: 5px; cursor: pointer; display: none; padding-top:3px; font-size: 14px;}
.dynatree-node:hover .icon-blocked { display: inline; }
.dynatree-node:hover .icon-blocked:hover::after { content: "delete"; padding-left: 3px; font-family: Arial, Sans-Serif; text-transform: uppercase; font-size: 14px; }
#echoActive #fadingmsg { background-color: pink; padding: 4px; border:1px solid #AAA; margin-top: 4px; }



/* ================= AU  ===============*/
div#header.au .logobar { background: #013116; }
div#header.au #topmenu { background-color: #0C5620; }
div#header.au #topmenu ul.dropdown li                      { background: #085228; }
div#header.au #topmenu ul.dropdown a		            { color: #EFD044; }
div#header.au #topmenu ul.dropdown a:hover		            { background: #138B33; color: #EFD044; }
div#header.au #topmenu ul.dropdown a:active                { color: #EFD044; }
div#header.au #topmenu ul.dropdown li:hover                { background: #AAA; color: #EFD044; }
div#header.au #topmenu ul.dropdown li.hover a              { background: #AAA; color: #EFD044; }
div#header.au #topmenu ul.dropdown ul li 					{ background: #085228; color: #EFD044; }
div#header.au #topmenu div.menu ul li a, 
div#header.au #topmenu div.menu ul li a:visited          { background-color: #085228; border: 1px #085228 solid; }