@CHARSET "UTF-8";

@import "../common.css";

html
{	
	background-image:url("/_styles/ice/bgHtml3.png");
	background-repeat:repeat-x;
	background-color:#6291CE;
}

body
{
	font-family:arial, sans-serif;
	font-size:14px; 
}

body p
{
	margin:0px;
	padding:0px;
	line-height:1em;
}

body h1
{
    margin:0px 0px 12px 0px;
}

body h3
{
    margin:24px 0px 6px 0px;
    padding-bottom:2px;
    border-bottom:solid silver 1px;
}

body ul
{
	margin:0px 0px 12px 0px ;
	padding-left:24px;
}

body img,
#header,
#footer
{
	color:#fcfcfc;
}

#header #logo
{
	background-image:url("/_styles/ice/bgLogo.png");
	background-repeat:no-repeat;
	padding:8px 0px 0px 104px;
	height:92px;
}

#header #search
{
	display:block;
}
#header #search input
{
	padding:2px;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	background-color:#F0F0F8;
}

#header #search input,
#header #search button
{
	font-size:80%;
	font-weight:normal;
}

#header #user
{
	font-size:85%;
}
#header #user a,
#header #user a:visited
{
	text-decoration:none;
	cursor:pointer;
	color:#B8B8F0;
}
#header #user a:hover
{
	text-decoration:underline;
	color:#8888F0;
	border:none;
}
#header #user a:focus,
#header #user a:active
{
	text-decoration:underline;
	color:#8888C0;
	border:none;
}


#main
{
	color:#0f0f50;
}


#main #menu
{
	height:18px;
	padding:5px;
	border-radius-topleft:8px;
	border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	background-image:url("/_styles/ice/bgMenu1.png");
	background-repeat:repeat-x;
}

#main #menu b
{
	color:white;
	background-color:#7070ff;
}
#main #menu b,
#main #menu a,
#main #menu a:visited
{
	margin:0px 16px 0px 0px;
	padding:3px 6px;
	font-size:85%;
	border-radius:8px;
	font-weight:normal;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
	text-decoration:none;
}
#main #menu a:hover
{
	background-image:url("/_styles/ice/bgButtonOut.png");
	background-repeat:repeat-x;
	text-decoration:none;
	color:#2020E0;
}
#main #menu a:focus,
#main #menu a:active
{
	background-image:url("/_styles/ice/bgButtonIn.png");
	background-repeat:repeat-x;
	text-decoration:none;
	
	color:#202080;
}

#main #content, #main #plainContent
{
	min-height:400px;
	padding:4px 12px 16px 12px;
	background-color:#E0E0E0
}

#main #content
{
	border-radius-bottomleft:8px;
	border-radius-bottomright:8px;
	-moz-border-radius-bottomleft:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-left-radius:8px;
	-webkit-border-bottom-right-radius:8px;
}

#main #plainContent
{
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

#main #content p, #main #plainContent p
{
	margin:0px 0px .5em 0px;
	line-height:1.25em;
}


#footer
{
	font-size:80%;
}



.formHeader
{
	padding:3px;
	font-size:120%;
	font-weight:bold;
	margin-bottom:8px;
	color:#2F2F7F;
	
	border-radius-topleft:8px;
	border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;

	background-image:url(/_styles/ice/bgMenu1.png);
	background-repeat:repeat-x;
	background-color:#6DA0E0;
}

table.outerForm
{
	padding:0px;margin:0px;
	border-radius-topleft:8px;
	border-radius-topright:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-top-right-radius:8px;
	border: solid #CCC 1px;
	background-color:#E8E8F4;
}
table.outerForm tr { padding: 0px; margin: 0px;}

table#LoginTable.outerForm, table#ResetTable.outerForm, table#ResetComp.outerForm { width:420px; }
table#ResetTable.outerForm, table#ResetComp.outerForm { display:none; }
table#LoginTable.outerForm { display:table; }

table#ContactInfoTable.outerForm { width:720px; }
table#MemberProfileTable.outerForm { width:640px; }


table.outerForm table.subSection tr td.fieldName {padding-left:12px;font-weight:normal;vertical-align:top;}



table.outerForm
{
	margin:8px auto 32px auto;
}

table.outerForm .errorList
{
	font-size:80%;
	color:#CC0000;
	text-align:center;
	display:none;
	padding:4px;
    margin:2px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    border: solid silver 1px;
    background-color:#FFDDCC;
}

table.outerForm table.innerForm
{
	width:100%;
}

table.outerForm table.innerForm tr
{
	vertical-align:top;
}

table.outerForm table.innerForm .fieldName
{
	white-space:nowrap;
	font-weight:bold;
	font-size:80%
}

table.outerForm table.innerForm td.fieldName
{
    padding-left:12px;
    padding-top:5px;
    vertical-align:top;
	text-align:right;
}


table.outerForm table.innerForm .required
{
	font-weight:bold;
	color:#FF0000;
}

table.outerForm table.innerForm .subSection,
table.outerForm .subSection
{
	border:solid 2px grey;
	padding:2px 4px;
	background-color:#E8E8E8;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

table.outerForm table.innerForm .indentSelections
{
	white-space:nowrap;
	margin-left:12px;
	font-size:75%;
}

table.outerForm .tinyPrint, .tinyPrint
{
	font-size:75%;
}

table.outerForm tr td.tabControls
{
    vertical-align:top;
    padding:8px 0px 2px 4px;
}

table.outerForm tr td.tabControls a
{
    text-decoration:none;
    font-size:80%;
    font-weight:normal;
    cursor:pointer;
    color:#000060;
    border:none;

    margin-right:4px;
    padding:3px 6px;

    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
table.outerForm tr td.tabControls a.selectedTabLink,
table.outerForm tr td.tabControls a.selectedTabLink:hover,
table.outerForm tr td.tabControls a.selectedTabLink:focus,
table.outerForm tr td.tabControls a.selectedTabLink:active
{
    background-color:#7070ff;
    background-image:none;
    cursor:default;
    color:white;
}
table.outerForm tr td.tabControls a:hover
{
    background-image:url("/_styles/ice/bgButtonOut.png");
    color:#2020E0;
}
table.outerForm tr td.tabControls a:focus,
table.outerForm tr td.tabControls a:active
{
    background-image:url("/_styles/ice/bgButtonIn.png");
    color:#202080;
}            

table.outerForm tr td table.innerForm tr td.subHeaderLine div
{
	border-bottom:solid 1px #777;
	margin:12px 0px 4px 0px;
	font-size:75%;
	color:#777;
}

table.outerForm tr.formContents td div.formSection,
table.outerForm tr.tabSections td div.tabSection
{
    margin:2px;
	display:block; 
    border: solid silver 1px;
    background-color:#E4E4F0;
}
table.outerForm tr.formContents td div.formSection
{
	padding:2px;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
table.outerForm tr.tabSections td div.tabSection
{
	height:420px;
	max-height:420px;
	padding:0px 8px 0px 2px;
}
table.outerForm tr.tabSections td div.tabSectionHidden { display:none; }
table.outerForm tr td table.innerForm tr td.addNewEntryItem
{
	font-size:75%;
	text-align:left;
	vertical-align:top;
}


.formFooter
{
	font-size:85%;
}

.formSubHeader .buttons
{
	font-size:85%;
	vertical-align:bottom;
}

.formSubHeader .buttons
{
	font-size:85%;
	padding-right:8px;
}

.formFooter .buttons, .formSubHeader .buttons
{
	text-align:right;
}

#DimmedBackground
{
	display:none;
	position:absolute;
	opacity:0.4;
	-moz-opacity:0.4;
	filter:alpha(opacity=40);
	background-position:center;
	background-repeat:no-repeat;
	z-index:99999;
	background-image:url("/_styles/ice/ajax_activity_indicator_big.gif");
	background-color:#888;
}


div.scrollerBox
{
	border-radius-topleft:8px;
	border-radius-bottomleft:8px;
	-moz-border-radius-topleft:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-top-left-radius:8px;
	-webkit-border-bottom-left-radius:8px;

    overflow-y:scroll;
    max-height:570px;
    height:570px;
    border:2px inset;
    padding:8px;
}

div.scrollBox
{
	border-radius-topleft:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;

    overflow:scroll;
    max-height:570px;
    height:570px;
    border:2px inset;
    padding:2px;
    margin:4px;
}

div.scrollBox table {margin:4px 2px;}
div.scrollBox table tr td {white-space:nowrap;}
div.scrollBox table tr td input {font-size:8pt;}
div.scrollBox table tr td select {font-size:8pt;width:100px;}
div.scrollBox table tr.headers td div {font-size:10px;margin:1px 2px;color:darkblue;border-bottom:2px solid darkblue;text-align:center;}

div.scrollBox table.showAll tr {display:table-row;}

div.scrollBox table.showActive tr.new {display:table-row;}
div.scrollBox table.showActive tr.active {display:table-row;}
div.scrollBox table.showActive tr.officer {display:table-row;}
div.scrollBox table.showActive tr.inactive {display:none;}

div.scrollBox table.showInactive tr.new {display:table-row;}
div.scrollBox table.showInactive tr.active {display:none;}
div.scrollBox table.showInactive tr.officer {display:none;}
div.scrollBox table.showInactive tr.inactive {display:table-row;}

div.scrollBox table.showOfficers tr.new {display:table-row;}
div.scrollBox table.showOfficers tr.active {display:none;}
div.scrollBox table.showOfficers tr.officer {display:table-row;}
div.scrollBox table.showOfficers tr.inactive {display:none;}

div.addItems {font-size:85%;text-align:left;margin:6px 4px 6px 4px;}

p.notes  { font-size:75%; }
div.mainHeader
{
    margin:0em 0px 0px 0px;
    padding:2px 0px 4px 4px;
    font-size:130%;
    background-repeat:repeat-x;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;

    background-image:url("/_styles/ice/bgButtonIn.png");
    color:#4F4FAF;
}
table.tabDetails, div.tabDetails
{
    border:solid 1px #A8A8B0;
    margin-top:2px;
    margin-bottom:2em;
    width:100%;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
}
td.subSection
{
    vertical-align:top;
    margin-bottom:.5em;
    border-radius:8px;
    -moz-border-radius:8px;
    -webkit-border-radius:8px;
    width:32%;white-space:nowrap;
    
    background-color:#C8C8D0;
}
div.subHeader
{
    border-bottom:1px solid;
    font-weight:bold;
    padding:2px 4px;
    font-size:75%;

    border-bottom-color:#A8A8B0;
    color:#f8f8f8;
}
div.subDetailsSm,table.subDetailsSm,div.subDetailsSm2,table.subDetailsSm2 { font-size:80%; }
div.subDetailsSm,table.subDetailsSm { margin:2px 8px; }
div.subDetailsSm2,table.subDetailsSm2 {  margin:8px 2px; }
div.subDetailsLg,table.subDetailsLg,div.subDetailsLg2,table.subDetailsLg2 { font-size:90%; }
div.subDetailsLg,table.subDetailsLg { margin:2px 8px; }
div.subDetailsLg2,table.subDetailsLg2 { margin:8px 2px; }