/*margin and padding on body element
		  can introduce errors in determining
		  element position and are not recommended;
		  we turn them off as a foundation for YUI
		  CSS treatments. */
body {padding:0;margin:0;}
img{border:0px;}

#wrap {font-size:inherit;text-align:left;}
#header {}

#contentcontainer {}
#cp_credits{text-align:center;background-color:inherit;}
img {vertical-align:text-bottom;}

img.lockicon{vertical-align:bottom;display:none;}

/* ----------   NAV BAR -------------------- */

    #navbarcontainer {padding:2px;border-bottom:1px solid #c0c0c0;border-top:1px #c1c1c1;background:#fcfcfc;}

        div#navbarcontainer img {vertical-align:text-bottom;}
        div#navbarcontainer ul {margin:0;padding:0;}
        div#navbarcontainer li {margin:0;padding:0;}
        
        div.navbar {padding:5px;}
        
        /*site level user controls*/
        div.usernav {float:right;}
        div.usernav span{padding:0 .5em 0 .5em;}
        
        /*site navigation */
        div.sitenav {}
        div.sitenav span{font-size:125%;padding:0 .5em 0 .5em;}
        div.sitenav a:visited{}
        
        /*horizontal controls*/
        div.controls ul {display:inline;}
        div.controls li {display:inline;padding:0 .5em 0 .5em;}

/*generalpurpose nav - use in conjunction with .controls */
.generalpurposenav {float:right;font-size:smaller;margin-top:3px;}
.generalpurposenav li{padding-right:5px;}
.generalpurposenav li a:hover{}


/* --------- CALENDAR POPUP ---------------- */
        #cal1Container {
            position: absolute;
            display: none;
        }
        p, #cal1Container {
            margin: 1em;
        }

        #cal1Container {
            z-index: 500;
        }
      


/*column structure*/
#maincolumn {padding:.5em;min-height:550px;}
#leftcolumn {width:20%;margin-top:9px;padding-left:10px;margin-right:2px;background:none;padding-right:0px;}
#leftcolumn a{font-weight:normal;font-size:100%;} /** keeps links from xnging sizes **/
#leftcolumn a:visited{}

#rightcolumn {width:75%;float:left;border-left:1px solid #c1c1c1;}
#rightcolumn a{font-weight:normal;font-size:100%;} /** keeps links from xnging sizes **/
#rightcolumn a:visited{}
#rightcolumn h1{font-size:130%;margin-top:7px;}

.contentframe3{width:99%;margin-top:4px;}

div.contentbox {padding-top:.5em;}
.pageinstructions{margin:2em;}
.instructions {margin:5px 0 5px 0;}


.outer_cancel_box{border:1px solid gray;background:#f0f0f0;padding:15px;width:60%;margin:auto;}
.outer_cancel_box h1{font-size:130%;}


/*calendar date selector*/
div.calendardateselector {border-bottom:1px solid #799AE0;text-align:center;font-size:larger;padding:.2em;}
div.calendardateselector img {vertical-align:middle;}
span.currentmonth {text-decoration:underline;color:blue;}


/*document list - including calendar week and day views */
    div#documentlist {}
    div#documentlist ul {margin:0;padding:0;}
    div#documentlist li {margin:0;padding:0;list-style:none;}
    div#documentlist div.summary {border-bottom:1px solid #C9DFFF;}
    .documentlistheader{text-align:center;}
    .doccontrolcheckbox{}
        /*document summary */
        div.summarytoolbox {background-color:#EEEEEE;padding:5px;text-align:right;}
        
        div.summarytoolbox ul{display:inline;}
        div.summarytoolbox li{display:inline;}
        div.summarytoolbox span{padding:0 4px 0 4px;}

        div.summarycontrols {float:right;}

        /*list navigator*/
        div#listnavigator{margin-top:18px;margin-bottom:7px;text-align:center;}
        div#listnavigator a, a:visited{}
        div#listnavigator div {display:inline;padding:0 1em 0 1em;}
        div#listnavigator form {display:inline;}
        .summarydocumentstate {padding-left:1em;}
        
        
        
        .navspacing{margin-left:8px;margin-right:8px;display:inline;color:#003300;font-size:120%;font-weight:bold;}


/*PORTAL*/
div#portalnav {text-align:left;float:left;padding:1%;margin-right:1%;width:15%;border-right:thin solid silver;}
#portalnav div {text-align:left;margin-top:.5em;}
#portalnav img {border:none;}

#portalwindow {margin:.5em;float:left;width:80%;}

div.portalcolumnleft {padding:1%;float:left;}
div.portalcolumnright {padding:1%;float:left;}



div.portalpod {border:thin solid cornflowerblue;margin:1em 0 0 0;}
div.portalpod h2 {width:100%;border-bottom:thin solid;}
div.portalhead {border-bottom:thin solid cornflowerblue;background-color:aliceblue;padding:.5em;}
div.portalheader {background-repeat:no-repeat;background-position:center left;padding-left:1em;margin-left:.5em;}
div.portalheadcontrol {float:right;font-size:smaller;}
div.portaltitle {padding-left:1em;font-size:larger;font-weight:bolder;}
/*div.portalpod h1 {font-size:larger;font-variant:small-caps;}*/
/*div.portalpod h1 img {vertical-align:bottom;margin-right:.25em;}*/
/*.portalpodheader {padding:.5em;margin:0;font-size:larger;font-variant:small-caps;border-bottom:thin solid cornflowerblue;background-color:aliceblue;}*/
div.portalpodbody {padding:1em;}

/*



div.portalpodbody ul {margin:0;padding:0;}
div.portalpodbody li {margin:1em;padding:0;}

*/


span.portalicontext {}
span.separator {padding:0 .5em 0 .5em;}

div.portalsubnav .selected {font-weight:bolder;text-decoration:none;}


/*SYSTEMBOX*/
/*used for auth*/
div.systembox {border:double 4px cornflowerblue;background-color:aliceblue;padding:1em 2em 1em 2em;}

/* ---------SINGLECOLUMN--------- */
/*#singlecolumn {margin:0 0% 0% 0%;padding:0%;}
#singlecolumn .contentbox{padding:45px;background-color:#F4F5F8;min-height:400px; height:auto;}
*/

/*single box column */
.singleboxcolumn {width:55%;margin-left:auto;margin-right:auto;margin-top:2em;margin-bottom:2em;}


/*FIELD SETS*/
fieldset {
		border: 0;
		border-top: 1px solid #2874A5;
		margin: 1em 1em 0 1em;
		padding: 1em;
		_position: relative; /* The underscore means only IE will see it. */
		_padding-top: 20px;
		_padding-bottom: 15px;
		_display: block;
	}
	fieldset legend {
		font-size: .9em;
		font-weight: bold;
		font-family:Arial, Helvetica, sans-serif;
		color:#0E587D;
		text-transform: uppercase;
		background: inherit;
		padding: 0 10px 0 10px;
		margin: 0 0 0 -20px;
		_position: absolute;
		_top: -10px;
	}




/*form table td {vertical-align:top;}*/
/*ERROR MESSAGES*/
.error {color:red;}
div.error {padding:.5em;margin:.5em;font-size:larger;}
p.error{margin-top:2px;margin-bottom:8px;font-size:110%;}

.warn {color:brown;}
div.warn {padding:1em;margin:1em;font-size:larger;}
p.warn{margin-top:2px;margin-bottom:8px;font-size:110%;}

/*.error td{width:6px;margin:0px;padding:0px;background:#F0D9D9;color:#993300;}*/
/*.error div{background:#F0D9D9;}
td.error {color:#993300;}
.error input{background:#F0D9D9}*/

/*message dialogue*/
textarea.messagebody {width:100%;}
div.message {padding:2em;}


p.comment {font-style:italic;margin:0;padding:0}


/*REQUESTS*/

div.requestheader {border-top:thin solid gray; border-bottom:thin solid gray; background-color:aliceblue;height:3em;margin-top:1em;padding:.5em 0 0 1em;}
div.requestinfodisplay div {}

div.requestactionblock{border-left:thin solid silver;padding-left:1em;}
div.requestactionblock div {}

div.requesteventsummary{padding-left:2em;}

div.requestcontrol ul {margin:0;padding:0;}
div.requestcontrol li {margin-left:1em;padding:0;}
div.requestcontrol div {padding-top:.5em;font-weight:bold;}


/*EVENT DATES*/
#eventdatesmanager table td{border:none;}

/*Message boxes*/
div.messagebox {
    background-color:white;
	border: thick solid cornflowerblue;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:larger;
	margin:2em;
	padding: 3em;}
div.email {}

.createbutton {height:2.2em;padding:10px 10px 10px 35px;background-color:#f2f2f2;border:1px solid silver;width:150px;background-image:url(../images/add.gif); background-position:7px 9px;background-repeat:no-repeat;}
.createbutton a:link{color:blue;}

.registrationtools {float:right;}
.summarymessage {float:right;padding-left:1em;}
.cancelmessage {text-align:center;padding:5px;border:thin dotted brown;}


/*Manager forms*/
#managerform label {font-weight:bold;}
#managerform fieldset div {margin:.5em;}
.managercolumn {margin:.25em;padding:.5em;}

 .form-inlinespacer {margin-left:1em;}
 
 
/*ATTENDANCE*/
div.attcolheaderrow {white-space:nowrap;}

.attcolheader{border:thin solid silver;display:inline;}