/* SHARED CONTENT DIVS + CLASSES */

.modalCloseButton
{
position:relative;
float:right;
width:70px;
height:15px;
top:-35px;
z-index:10;
font-size:14px;
cursor:pointer;
font-size:14px;
font-weight:bold;
}

.modalWindow iframe
{
top:-15px;
}

.headingButton
{
margin:8px 0px 0px 6px;
}

#tabs
{
padding-bottom:20px;
}

.layoutDiv
{
border:0px dashed #ffffff;
}

.contentPlaceholder
{
width:964px;
height:500px;
background-color:#ffffff;
}


.contentBox
{
background-color:#ffffff;
color:#222244;
border:1px solid #cccccc;
-webkit-border-radius:20px;
-moz-border-radius:20px;
border-radius:20px;
}

.contentBox h1
{
color:#0055aa;
}


.contentBox2
{
color:#ffffff;
border:8px solid #ff0000;
background-color:#ff6600;
}

.contentBox2 h1,.contentBox2 h2,.contentBox2 h3
{
color:#ffeeaa;
}

.contentBox2 a
{
color:#88bbff;
text-decoration:none;
}


.innerContent
{
padding:20px;
}

.superInnerContent
{
padding:50px;
}



.fieldRow
{
clear:both;
padding-top:4px;
background-color:#ffffff;
}

.display .fieldRow
{
padding:4px 12px;
border-bottom:#ddddee 1px solid;
}

.fieldRow:hover
{
/*background-color:#e9f9ff;*/
}

.labelCell
{
width:100px;
text-align:right;
margin-right:20px;
margin-top:4px;
}

.fieldCell
{
padding-right:20px;
}

.toolTip
{
position:absolute;
z-index:20;
border:1px solid #cccccc;
padding:20px;
background-color:#ffffbb;
display:none;
}

.tippable
{
cursor:pointer;
}

.tip
{
position:absolute;
z-index:20;
display:none;
overflow:visible;
}

.tipContainer
{
position:absolute;
z-index:10;
display:none;
background-color:#ffffff;
border:1px solid #cccccc;
overflow:visible;
}

.tipBottomContainer
{
position:absolute;
z-index:25;
zoom:1;
}

.tipBottom
{
position:absolute;
z-index:28;
display:inline;
zoom:1;
background:none !important;
display:inline-block;
-ms-filter: "progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF)"; /* IE8 */
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF);   /* IE6 & 7 */     
}
  
#mask
{  
position:absolute;  
z-index:9000;  
background-color:#ffffff;
display:none;  
}  
    
.modalWindow
{  
position:fixed;  
display:none;  
z-index:9999;  
border:10px solid #eeeeff;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px;
-webkit-box-shadow: #666666 0px 5px 25px;
-moz-box-shadow: #666666 0px 5px 25px;
}  


.modalWindow iframe
{
position:relative;
z-index:99999;
overflow:hidden;
}

.contextMenu
{  
position:absolute;  
display:none;  
z-index:9999;  
border:6px solid #eeeeff;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
-webkit-box-shadow: #666666 0px 5px 10px;
-moz-box-shadow: #666666 0px 5px 10px;
}  


table.dataTable tr td
{
padding:4px 4px 4px 0px;
}

table.dataTable tr.tableHeadings th
{
border:solid #ccccff;
border-width:1px 0px;
padding:4px 0px;
}

table.dataTable tr.altRow td
{
background-color:#eaeeff;
}



/* STRUCTURAL DIVS + CLASSES */


#header
{
height:100px;
margin:0px;
padding:0px 30px;
background-image:none;
background-repeat:no-repeat;
background-position:top right;
background-color:#ffffff;
border:0px;
}


#navigation
{
margin:10px 70px;
}

#navigation ul li
{
margin-right:20px;
float:left;
}

#navigation ul li a
{
color:#aaaaaa;
}

#navigation ul li.active a
{
color:#aaaa00;
font-size:16px;
position:relative;
}


#content
{
padding:10px 60px 30px 60px;
background-color:#ffffff;
}



#footer
{
clear:both;
background-image:url(../../../_images/_structure/footerBG.jpg);
background-repeat:no-repeat;
}








/* FORM */

.fieldRow
{
clear:both;
}

.labelCell
{
float:left;
}

.fieldCell
{
float:left;
}

.fieldName
{
color:#0033aa;
font-weight:bold;
}

.fieldInstructions
{
font-size:11px;
}

.message
{
color:#0055ff;
font-weight:bold;
}

.inputError
{
border:1px solid #ff0000;
background-color:#ffaaaa;
}

.blockError
{
border:1px solid #ff0000;
background-color:#ffcccc;
}



/* HTML TAGS */


body
{
margin:0px auto;
padding:0px;
color:#333355;
width:984px;
font-size:12px;
font-family:arial,tahoma,verdana,sans-serif;
border:1px solid #eeeeff;
background-image:url(../../../_images/_structure/windowBG.jpg);
background-repeat:repeat-x;
background-position:top center;
background-color:#ffffff;
}


div
{
margin:0px;
padding:0px;
border:0px;
}

table,tr,td
{
margin:0px;
padding:0px;
font-size:12px;
font-family:arial,tahoma,verdana,sans-serif;
}

table tr td
{
vertical-align:top;
}

th
{
vertical-align:top;
color:#000088;
font-weight:bold;
text-align:left;
}

p
{
line-height:18px;
margin:0px 0px 10px 0px;
padding:0px;
}

form
{
margin:0px;
padding:0px;
display:inline;
}

label
{
margin:0px;
padding:0px;
padding-right:10px;
}

img
{
margin:0px;
padding:0px;
border:0px;
display:block;
}


a
{
cursor:pointer;
}


a,a:active,a:focus
{
color:#ffaa55;
font-weight:bold;
text-decoration:none;
margin:0px;
padding:0px;
border:0px;
outline:none;
}

a.button
{
color:#555566;
font-weight:normal;
cursor:pointer;
border:1px outset #8899aa;
background-color:#ddddee;
padding:4px;
margin:4px;
text-decoration:none;
-webkit-border-radius:4px;
-moz-border-radius:4px;
border-radius:4px;
}

a.dullButton
{
display:block;
cursor:default;
color:#ddcccc;
border:1px solid #cccccc;
background-color:#fcfcfc;
padding:4px;
margin:4px;
}


a.editButton
{
position:absolute;
top:0px;
left:-30px;
visibility:hidden;
}


h1,h2,h3,.h1,.h2,.h3
{
padding:0px;
margin:0px 0px 10px 0px;
color:#0088ff;
font-weight:bold;
font-family:arial,verdana,times,sans-serif;
}


h1,.h1 { font-size:28px; }
h2,.h2 { font-size:18px; }
h3,.h3 { font-size:14px; }
h4,.h4 { color:#666677; }




ol
{
margin:0px 0px 0px 30px;
padding:0px;
text-indent:0px;
}

ul
{
margin:0px;
padding:0px;
text-indent:0px;
list-style:none;
}


ul.bulleted li
{
margin:0px 0px 5px 5px;
text-indent:0px;
list-style-type:disc;
background-repeat: no-repeat;
padding-left:5px;
}

ul.spaced li,ol.spaced li
{
margin:20px 0px;
}

li
{
line-height:18px;
}


textarea 
{
font-family:arial,tahoma,verdana,sans-serif;
font-size:12px;
}

hr
{
border:dashed #ccccff;
border-width:2px 0px 0px 0px;
margin:20px 0px;
}

hr.solid
{
border:solid #ccccff;
border-width:1px 0px 0px 0px;
margin:20px 0px;
}

input
{
width:200px;
}

input.radio
{
width:auto;
}

input.checkbox
{
width:auto;
display:block;
float:left;
}


button
{
font-size:12px;
font-weight:bold;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
background-color:#ff9900;
border:1px solid #555555;
cursor:pointer;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

button.button2
{
font-size:12px;
font-weight:bold;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
background-color:#55aaff;
border:1px solid #555555;
cursor:pointer;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}

button.dull
{
font-size:12px;
font-weight:bold;
color:#ffffff;
font-family:arial,tahoma,verdana,sans-serif;
background-color:#ccccdd;
border:1px solid #555555;
cursor:pointer;
-webkit-border-radius:10px;
-moz-border-radius:10px;
border-radius:10px;
}



iframe
{
border:0px;
}

legend
{
margin:0px;
padding:0px;
width:100px;
display:block;
}

fieldset
{
padding:0px;
margin:0px;
border:0px;
}



/* SINGLE-STYLE CLASSES */

.float {float:left;}
.floatRight {float:right;}
.clear {clear:both;}
.absolute {position:absolute;}
.relative {position:relative;}

.block {display:block;}
.inline {display:inline;}

.indent {margin-left:25px;}
.superindent {margin-left:50px;}
.verticalMargins {margin-top:30px;margin-bottom:30px;}
.verticalPadding {padding-top:20px;padding-bottom:20px;}
.horizontalMargins {margin-left:20px;margin-right:20px;}
.horizontalPadding {padding-left:20px;padding-right:20px;}
.bottomMargin {margin-bottom:30px;}
.topMargin {margin-top:30px;}
.bottomPadding{padding-bottom:30px;}
.topPadding {padding-top:30px;}

.center {margin-left:auto; margin-right:auto;}
.right {margin-left:auto; margin-right:0px;}
.textCenter {text-align:center;}
.textRight {text-align:right;}

.underline {text-decoration:underline;}
.bold {font-weight:bold;}
.unbold {font-weight:normal;}
.italic {font-style:italic;}

.altH {color:#00aaff;}
.altA {color:#0055ff;}
.error {color:#ff0000;}

.border {border:1px solid #cccccc;}

.hover:hover {text-decoration:underline;}
.hand:hover {cursor:pointer;}

.red {color:#ff0000;}
.green {color:#009944;}
.dull {color:#999999;}

.accessinvisible {width:0px; height:0px; overflow:hidden; display:block;}

.hidden {visibility:hidden;}