/*  
	Brown Paper Bag :: Web Studio :: web@bpb.com.au
	Author:			Rob Breuer (http://www.bpb.com.au/)
	Version:		061229
	Copyright:		(c) 2006 Brown Paper Bag.  All rights reserved.
	For:			CSS Box
	Created:		24th Feb 2007
	Modified: 
*/

@media all {
* {margin: 0px;padding: 0px;}

*{

}

body {
	font-family:Tahoma;
	font-size: 12px;
	color: #002F57;}


h1 {color: #3d371d;font-size: 25px; text-align:center ;}
h2 {color: #002F57;font-size: 22px; text-align:left ; margin: 0px 0px -15px 0px;}
h3 {color: #3d371d;font-size: 17px;margin: 0px 0px 5px 0px;}
h4 {color: #3d371d;
	font-size: 15px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}
p {color: #444444;
	font-size: 12px;
	margin: 15px 0px 15px 0px;}
img {border: none;}
a {text-decoration: none;color: #002F57;}
a:hover {text-decoration: underline ;}

ul {margin: 15px 0px 15px 15px;}

ul li {/*
	color: #;
	font-size: px;
	margin: px px px px;
	*/}
ol{/*
	color: #;
	font-size: px;
	margin: px px px px;
	*/}

ol li {
	/*
	color: #;
	font-size: px;
	margin: px px px px;
	*/
	}

/* UselFul classes */
.Hide {display: none !important;}
.R{text-align:right !important;}
.L{text-align:left !important;}
.C{text-align:center !important;}
.LFloat {float:left !important;}
.RFloat {float:right !important;}
.ClearAll {clear:both;}
.Msg {background:#fff url(/img/input.bg.gif) no-repeat scroll;
			border:1px solid #CC0000;
			font-family:"segoe ui", "Lucida Grande", Verdana, Arial, Helvetica, sans-serif;
			font-size:1em; font-weight:bold; text-align:left;
			color:#CC0000; margin:8px 0px; padding:3px;}
input, select{color: #002f57;font-size: 12px;width: 150px;
	height: 21px;
}

#Wrapper {
	text-align:center;
	margin: 0px auto auto -455px;
	position:absolute;
	left:50%;
	width:910px;}

#MasterWrap {
	margin: 0 auto;
	width: 910px;
	margin-top: 0px;
	display:inline;
	float:left;
	height:auto;
	background-image:url(bg_body_tile.png);
	background-repeat:repeat-y;}

#Header 
{
	width:910px;
	height:98px;
	float:left;
}

#HeadLogo {
	height:98px;
	width:200px;
	float:left;
	}

#HeadBg {
	height: 98px;
	width: 710px;
	float:left;
	background-image:url(bg_head.png);
}

#NavBar {
	width:910px;
	height:46px;
	display:inline-block;
	float:left;
	font-size:12px;
	background-image:url(bg_head_nav.png);
	background-repeat:no-repeat;
	_margin-top:-2px;
}
	
#NavBtn{
	width:auto;
	height:52px;
	margin: 3px 0px 0px 27px;
	padding-right:27px;
	float:left;
	text-align:center;
	border-right-color:#fff;
	border-right-style:solid;
	border-right-width:1px;
}

	
#NavBtn a {
	float:left;}

#NavBtn a:hover {
}

#Mid {
	width:910px;
	min-height:600px;
	display:inline;
	float:left;
	_float:left;
	text-align:left;
}

#MidTitle {
	height:65px;
	width:600px;
	background-color:none;
	float:left;
	_float:left;
	margin: 0px 0px 0px 150px;
	_margin: 0px 0px -30px 75px;
}

#MidTitleCart {
	height:65px;
	width:650px;
	background-color:none;
	overflow:hidden;
	float:left;
	_float:left;
	margin: 0px 0px 0px 95px;
}

#MidTitleCere {
	height:35px;
	width:550px;
	background-color:none;
	overflow:hidden;
	float:left;
	_float:left;
	margin: 0px 0px 0px 180px;
}

#MidTitleCol {
	height:35px;
	width:550px;
	background-color:none;
	overflow:hidden;
	float:left;
	_float:left;
	margin: 0px 0px 0px 30px;
}


#MidTitleStageB {
	height:70px;
	width:800px;
	background-color:none;
	float:left;
	_float:none;
	margin: 0px 0px 0px 105px;
}


/* Admin Banner */
Body
 {margin :0;
 	padding-top :0;
 	background-color : #fff;
	text-align: center;}
#wrap{
         Width:900px;
         margin:0px auto;
         text-align:left;
         }
     
#banner {
         width: 900px;
		background-image:rul(/img/admin/bg_header.png);position: relative;padding:0;
		}
				
#Nav {
	width:900px;
	height:41px; 
	position: relative;
	background-color:#E8E8E8;}		
#Nav a  {
        	display:block; 
        	height:41px; 
        	width:103px; 
        	background : #E8E8E8 url(/img/admin/)no-repeat; 
        	background-position:0px -41px ;
        	border:3px solid #fff;
        	border-bottom :none;
        	border-top:none;
        	border-left:none;
        	overflow:hidden; 
        	text-indent:-1000px;
        	float:left;}
        	
#Nav a:hover {background-position:0px 0px;}
#Nav a.active {background-position:0px -82px;}
#Nav a.Orders {background-image:url(/img/admin/btn_orders.gif); width:106px;}
#Nav a.Graduations{background-image:url(/img/admin/btn_grad.gif); width:148px;}	
#Nav a.Products{background-image:url(/img/admin/btn_prod.gif); width:125px;}
#Nav a.Surveys {background-image: url(/img/admin/btn_surveys.gif); width:110px;}
#Nav a.Logout  {background-image: url(/img/admin/btn_logout.gif);  width:106px;} 
        	
#Content  
        {
	        background-color:#fff; 
	        padding:12px; 
	        position:relative;  
	        min-height:200px;
	        text-align: center;}
	        
	        /* Table Layouts*/
table.Wrapper { margin: 0px; padding: 0px; text-align: center; border: 0px solid #f2f2f2; border-collapse: collapse;}
.Wrapper TH { padding: 7px 5px 5px 5px; text-align: center ; font-size: 10px; font-weight: bolder; background-color: #00447c; color: #FFFFFF; border: 1px solid #ffffff; border-width: 1px 1px 0px 1px;}
.Wrapper TD { vertical-align: top;}

table.data {margin: 0px; text-align: center ; border: 0px solid #f2f2f2; border-collapse: collapse;}
.data .alt /*{background:url(/img/box/px-grey.png) repeat top left;}*/ {background-color: #ededed;}
.data .Heading {background-color:#00479B; color: #ffffff; font-size:16px !important; font-weight:bold;}

.data .heading { color:#EEEEEE; background-color:#666666; font-size:16px;} /*{background-color: #ededed;}*/
.data th, .data td {padding: 5px; text-align: center ; font-size: 10px; border: 1px solid #e7e7e7; border-width: 0px 0px 0px 1px;}
.data .heading th, .data .heading td {padding: 5px; font-weight:bold; text-align: center; font-size: 14px; border: 1px solid #e7e7e7; border-width: 0px 0px 0px 0px;}

.data td {padding-left: 5px; vertical-align:middle; }
.data td a {font-size: 10px;}
.data th {font-weight: bolder; background-color: #666666; color: #ffffff; padding: 3px 5px;} /* #00447c; */
.data th a {display: block; padding: 0px 9px; margin: 0px; font-weight: bolder; font-size: 10px; text-align: left; border: 0px solid #E9E9E9; color: #666666; background: transparent url("/admin/img/shim.gif") no-repeat 0px 6px;}
.data th a:link {color: #FFFFFF; background-color: transparent;}
.data th a:visited {color: #FFFFFF; background-color: transparent;}
.data th a:active {color: #FFFFFF; background-color: transparent;}
.data th a:hover {color: #FFFFFF; background-color: transparent; text-decoration: none;}
.data a.desc {background: transparent url("/img/arrow_down.gif") no-repeat 0px 6px;}
.data a.asc {background: transparent url("/img/arrow_up.gif") no-repeat 0px 6px;}
.data .head {font-weight: bolder; background-color: #99e614; color: #333333;}
.data .comment {background-color: #e8f3f6;}
.data .hr {padding: 0px;}
.data .cb {margin: -3px 0px;}
.data td img { margin: -2px 0px;}
.data td .it {margin:0px; border:0px solid #000000; }
.data td .it td {margin:0px; padding:1px 4px; color:#666666; border:0px solid #000000;}

.head { padding: 5px; font-weight: bolder; background-color: #99e614; color: #333333;}

table.form { margin:0px; text-align:left; border:0px solid #F2F2F2; border-collapse:collapse;}
.form td img { margin: 0px 0px -2px 5px;}
.form th, .form td { padding: 0px; color:#666666; font-size:.12px; }
.form th { vertical-align:top;  padding-top: 7px; padding-left:12px; text-align: right; color:#333333; font-weight: bold; }
.form tr { margin: 100px; }
.form .nb { border-width: 0px; }
.form legend {color:#3399FF; font-size:12px; font-weight:bold;}
.form legend span {color:#999999;}
table.options { margin:0px; text-align:left; border:0px solid #F2F2F2; }
.options th, .form td { padding:5px; color:#666666; font-size:12px;}
.options th { padding:3px; text-align:right; color:#000000; font-weight:bold; }

/* Availablity */
TABLE.availability { border-collapse: collapse; }
TABLE.availability TD {
	padding:0px;
	color:#808080;
	vertical-align: top;
}
TABLE.availability TD.rowseperator { border-top:1px solid #b0b0b0; }
TABLE.availability TD.colseperator { border-left:1px solid #b0b0b0; }
TABLE.availability .not-available { width: 16px; height: 16px; }
TABLE.availability .available { width: 16px; height: 16px; background:transparent; }
TABLE.availability .meridian { vertical-align: middle; }
.availability-info {
	width: 150px;
	border: 1px solid #c0c0c0;
	padding: 5px;
    background: url(/img/px-yellow-75pc.png);
    display: none;
}

TR.BtnRow {
 cursor:pointer;
}
TR.BtnRow:hover {
 background:url(/img/box/px-grey.png);
}
.unread {
 font-weight:bold;
}



#Footer {
	height:75px;
	width:910px;
	color:#ffffff;
	font-size:10px;
	background-color:#002F57;
	left:0px; bottom:0px;
	background-image:url(bg_footer.png);
	float:left; }
}


#FooterL {
	float:left;
	margin-top:35px;
	padding-left:25px;
}

#FooterImg {
	height:20px;
	width:21px;
	margin-top:32px;
	margin-left:4px;
	float:left; 
}


#FooterR {
	float:right;
	text-align:right;
	padding-right:30px;
	margin-top:35px;
}

.FooterLk {
	color:#ffffff;
	font-weight:bold;
	}