/*************************************************************/
/*   Design:   Multiflex-3 Update-7 / Layout-2               */
/*   File:     Global layout structure                       */
/*-----------------------------------------------------------*/
/*   Author:   Wolfgang                                      */
/*   Date:     January 15, 2007                              */
/*   Homepage: wwww.1-2-3-4.info							 */
/*   Modified: Wicker Web Design                             */
/*-----------------------------------------------------------*/
/*   License:  Fully open source without restrictions.       */
/*             Please keep footer credits with a link to     */
/*             Wolfgang (www.1-2-3-4.info). Thank you!       */
/*************************************************************/

/************/
/*  GLOBAL  */
/************/

/* NON-HEADER */
*{padding:0; margin:0;}
 body {font-size:62.5%; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;} /*Font-size: 1.0em = 10px when browser default size is 16px*/
.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(../img/bg_main_withnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {display:inline; /*Fix IE floating margin bug*/; float:left; width:640px; margin:0 0 0 30px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(../img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}

/* --- For alternative headers START PASTE here --- */

/* HEADER */
.header {width:900px; font-family:"trebuchet ms",arial,sans-serif;}
.header-middle {width:900px; height:150px; background:rgb(230,230,230) url(../img/mssl_copy.jpg); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.header-bottom {width:900px; height:40px; background:rgb(255,255,255) url(../img/bg_head_bottom_nav.jpg) repeat-y;}
.header-breadcrumbs {clear:both; width:900px; padding:1.0em 0 1.5em 0; background:rgb(255,255,255) url(../img/bg_head_breadcrumbs.jpg) repeat-y;}

/********************/
/*  HEADER SECTION  */
/********************/
.sitename h1 {font-size:240%;}
.sitename h2 {margin:-4px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitemessage {width:40px; height:14px; position:absolute; z-index:1; margin:10px 0 0 840px; color:#FFEE11; overflow:visible; margin-left:auto; margin-right:auto; overflow:hidden /*IE6*/;}
.sitemessage h1 {width:600px; text-align:right; font-size:260%;}
.sitemessage h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitemessage h3 {float:right; width:320px; margin:10px 0 0 0; text-align:right; font-size:140%;}
.sitemessage h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitemessage h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

.sitelogin {width:900px; height:14px; position:absolute; z-index:1; margin:10px 0 0 0; color:#FFEE11; overflow:visible; overflow:hidden /*IE6*/;}
.sitelogin h1 {width:600px; text-align:right; font-size:260%;}
.sitelogin h2 {float:right; width:320px; margin:8px 0 0 0; text-align:right; line-height:100%; font-size:160%;}
.sitelogin h3 {float:right; width:420px; margin:1px 0 0 0; text-align:right; font-size:100%;}
.sitelogin h3 a {text-decoration:none; color:rgb(234,239,247);}
.sitelogin h3 a:hover {text-decoration:none; color:rgb(50,50,50);}

.header-breadcrumbs ul {float:left; width:560px; list-style:none; padding:0 0 0 15px; font-family:verdana,arial,sans-serif;}
.header-breadcrumbs ul li {display:inline; padding:0 0 0 10px; background:transparent url(../img/bg_bullet_arrow.gif) no-repeat 0 50%; font-weight:bold; color:rgb(125,125,125); font-size:100%;}
.header-breadcrumbs ul a {color:rgb(70,122,167); text-decoration:none;}
.header-breadcrumbs ul a:hover {color:rgb(42,90,138); text-decoration:underline;}

/* --- For alternative headers END PASTE here --- */

/******************/
/*  MAIN SECTION  */
/******************/

/* MAIN NAVIGATION */
.main-navigation .round-border-topright {width:10px; height:10px; position:absolute; z-index:10; margin:0 0 0 190px; background:url(../img/bg_corner_topright.gif) no-repeat;}

/* MAIN CONTENT */
.column1-unit {width:640px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-left {float:left; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column2-unit-right {float:right; width:300px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}
.column3-unit-left {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
.column3-unit-middle {float:left; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/; margin-left:40px;}
.column3-unit-right {float:right; width:186px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/;}

/********************/
/*  FOOTER SECTION  */
/********************/
.footer p {line-height:1.3em; text-align:center; color:rgb(125,125,125); font-weight:bold; font-size:110%;}
.footer p.credits {font-weight:normal;}
.footer a {text-decoration:underline; color:rgb(125,125,125);}
.footer a:hover {text-decoration:none; color:rgb(0,0,0);}
.footer a:visited {color:rgb(0,0,0);}

/******************/
/*  CLEAR FLOATS  */
/******************/
.page-container:after, .header:after, .header-breadcrumbs:after, .main:after, .main-navigation:after, .main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, .column3-unit-left:after, .column3-unit-middle:after, .column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:640px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}


table {margin-bottom:20px;font-size:small;}
table td,table th{padding:3px 4px 5px 3px}

center {font-size:small;font-weight:normal;}

.rhst{font-size:14px;}
.mvb{margin-bottom:5px;}
.table {border:0px;width:100%;}
.table td{border:0px;border-bottom: 1px #6699CC dotted;}
.table .c1{width:4%;text-align:right;}
.table .c2{width:32%;text-align:left;}
.table a:link{width:32%;text-align:left;color:black;}
.table a:visited{text-decoration:none;color:black;}
.table a:hover{text-decoration:underline;color:black;}
.table a:active{text-decoration:none;color:black;}
.table .c3{width:4%;text-align:right;}
.table .c4{width:6%;text-align:right;}
.table .c5{width:4%;text-align:right;}
.table .c6{width:4%;text-align:right;}
.table .c7{width:5%;text-align:right;font-weight:bold;}
.table .c8{width:5%;text-align:right;}
.table .c9{width:5%;text-align:right;}
.table .c10{width:4%;text-align:right;}
.table .c11{width:6%;text-align:right;}
.table .oddrow{background-color:#FFF;vertical-align:text-top;}
.table .evenrow{background-color:#ececec;vertical-align:text-top;}



table.contacts
{ 
width: 100%;
border: 0px #000000 solid;
border-collapse: collapse;
border-spacing: 0px; 
}

td.contact
{ 
border-bottom: 1px #6699CC dotted;
text-align: left;
font-family: Verdana, sans-serif, Arial;
font-weight: normal;
color: #404040;
padding-top: 10px;
padding-bottom: 10px;
padding-left: 8px;
padding-right: 0px; 
}

.cupSchedule {border:0;width:100%;font-size: x-small;}
.cupSchedule td{border:0;border-bottom:1px;}
.cupSchedule .c1{width:3%;text-align:center;}
.cupSchedule .c2{width:15%;text-align:center;}
.cupSchedule .c22{width:1%;text-align:center;}
.cupSchedule .c3{width:15%;text-align:center;}
.cupSchedule .c33{width:1%;text-align:center;}
.cupSchedule .c4{width:15%;text-align:center;}
.cupSchedule .c44{width:1%;text-align:center;}
.cupSchedule .c5{width:15%;text-align:center;}
.cupSchedule .c55{width:1%;text-align:center;}
.cupSchedule .c6{width:15%;text-align:center;}
.cupSchedule .c66{width:1%;text-align:center;}
.cupSchedule .c7{width:15%;text-align:center;}
.cupSchedule .c77{width:1%;text-align:center;}
.cupSchedule .heading{font-weight: bold;}
.cupSchedule .oddrow{background-color:#FFF;}
.cupSchedule .evenrow{background-color:#ececec;}

.cupSchedule2 {border:0;width:16%;font-size: x-small;}
.cupSchedule2 td{border:0;border-bottom:1px;}
.cupSchedule2 .cc1{width:10%;text-align:center;}
.cupSchedule2 .cc2{width:80%;text-align:center;}
.cupSchedule2 .cc3{width:10%;text-align:center;}
.cupSchedule2 .evenrow{background-color:#ececec;}

.schedule {border:0;width:100%;}
.schedule td{border:0;border-bottom:1px #6699CC dotted; }
.schedule caption{font-size:14px;background-color:rgb(163,196,45);}
.schedule .c1{width:7%;text-align:center;}
.schedule .c2{width:40%;text-align:center;}
.schedule .c3{width:7%;text-align:center;}
.schedule .c4{width:40%;text-align:center;}
.schedule .c5{width:7%;text-align:center;}
.schedule a:link{width:32%;text-align:left;color:black;font-weight:normal;}
.schedule a:visited{text-decoration:none;color:black;font-weight:normal;}
.schedule a:hover{text-decoration:underline;color:black;font-weight:normal;}
.schedule a:active{text-decoration:none;color:black;font-weight:normal;}

.applicationHeader {border:0;margin-left:auto; margin-right:auto;}
.applicationHeader .c1{width:15%;text-align:right;}
.applicationHeader .c2{width:85%;text-align:center;}

.application {border:0;width:80%;margin-left:auto; margin-right:auto;}
.application .c1{width:30%;text-align:left;}
.application .c2{width:70%;text-align:left;}

.printApplication {border:0;margin-left:auto; margin-right:auto;}
.printApplication .c1{width:30%;text-align:left;}
.printApplication .c2{width:70%;text-align:left;}

.applicationDiv {border:0;width:80%;margin-left:auto; margin-right:auto;}
.applicationDiv .c1{width:80%;text-align:left;}
.applicationDiv .c2{width:20%;text-align:center;}
.applicationDiv body {text-align:center;}

.applicationSig {border:0;margin-left:auto; margin-right:auto;}
.applicationSig .c1{width:35%;text-align:left;}
.applicationSig .c2{width:35%;text-align:center;}
.applicationSig .c3{width:30%;text-align:right;}

.applicationDetails {border:0;width:100%;margin-left:auto; margin-right:auto;}
.applicationDetails .c1{width:25%;text-align:right;}
.applicationDetails .c2{width:25%;}
.applicationDetails .c3{width:25%;text-align:right;}
.applicationDetails .c4{width:25%;}

div.Msg
{
	background-color: #FFEE11;
	border: solid 1px #888;
	font-size: 11px;
	font-weight: bold;
	padding: 4px 4px 4px 28px;
	margin: 4px 0;
}
div.Msg div
{
	position: relative;
	width: 16px;
	height: 0px;
}
div.Msg div img
{
	position: absolute;
	left: -25px;
}
div.MsgError 	{ color: #800; }
div.MsgWarning  { color: #440; }
div.MsgInfo		{ color: #004; }

table.Grid {
	border-bottom: solid 1px #ccc;
	width: 100%;
}
table.Grid th {
	background-color: #EEEEDD;
	border-bottom: solid 2px #ccc;
	border-top: solid 2px #ccc;
	font-size: 12px;
	padding: 5px;
	vertical-bottom: top;
}
table.Grid td {
	border-bottom: solid 1px #ccc;
	font-size: 12px;
	margin: 0;
	padding: 5px;
	vertical-align: top;
}
table.GridPF {
	border-collapse: collapse;
}
table.GridPF th,
table.GridPF td {
	border: solid 1px #888;
	padding: 1px 5px;
	line-height: 12px;
}
table.GridPF th {
	background-color: #000;
	border-top-width: 0px;
	color: #fff;
	padding: 0px 5px;
}
.Emphasized {
	font-weight: bold;
}
.Disabled {
	color: #aaa;
	text-decoration: line-through;
}
.Alert {
	color: #f00;
	font-weight: bold;
	text-decoration: none;
}

div.Checkbox {
	background-color: #eee;
	border: solid 1px #000;
	color: #000;	
	width: 20px;
	height: 20px;
	vertical-align: middle;
}
 table.Short td {
	line-height: 10px;
	font-size: 11px;
 }
 
 div.RosterLocation {
	 border-bottom: solid 1px #aaa;
	 border-top: solid 1px #aaa;
	 padding:2px 0px;
	 margin: 4px 0;
 }

 .fields{font-size:12px;width:100%;}
.fields .c1{border-bottom: 1px #6699CC dotted;width:25%;text-align:left;}
.fields .c2{border-bottom: 1px #6699CC dotted;width:65%;text-align:left;}
.fields .c3{border-bottom: 1px #6699CC dotted;width:10%;text-align:center;}

.unassigned {border:1;width:80%;}
.unassigned td{border:0px;border-bottom: 1px #6699CC dotted;}
.unassigned .c1{width:10%;text-align:center;}
.unassigned .c2{width:40%;}
.unassigned .c3{width:40%;}
.unassigned .c4{width:10%;text-align:center;}
.unassigned .oddrow{background-color:#FFF;vertical-align:text-top;}
.unassigned .evenrow{background-color:#ececec;vertical-align:text-top;}

/********************************/
/*  PRINTING and MISCELLANEOUS  */
/********************************/
@media print {.header-top {width:900px; height:80px; background:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}
@media print {.header-breadcrumbs {width:900px; background:transparent;}}
@media print {.nav2 {float:left; width:900px; border:none; background:rgb(240,240,240); color:rgb(75,75,75); font-size:1.0em; font-size:130%;}} /*Color navigation bar normal mode*/
@media print {.main {clear:both; width:900px; padding-bottom:30px; background:transparent;}}
@media print {.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:199px; border-right:solid 1px rgb(200,200,200); border-bottom:solid 1px rgb(200,200,200); background-color:rgb(240,240,240); overflow:visible !important /*Firefox*/; overflow:hidden /*IE*/;}}
@media print {.footer {clear:both; width:900px; height:3.7em; padding:1.1em 0 0; background:rgb(240,240,240); font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}}