/* CSS Document */
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-decoration:none;
	color:#413d3d;
}
.full{width:100%;height:auto;}
.main{width:868px;height:auto;margin-top:26px;background-color:#ffffff;}
.welcome_area {float: left;height: 164px;width: 865px;padding-right: 3px;}
.tab{ width:862px; height:32px;float:left; background:url(images/nav_bg.gif);}
#thicktabs{ width:740px; height:32px;; margin: 0;padding: 0;float: left;font-family:Verdana; font-size:11px; color:#5c5f5c;}
#thicktabs li{display: inline;}
#thicktabs li a#leftmostitem{ color:#ffffff;background-image: url(images/ahovr.gif);}
#thicktabs li a{float: left;color:#5c5f5c;padding: 10px 5px; text-decoration: none;
background: transparent url(images/ahvr.gif) top right no-repeat;}
#thicktabs li a:visited{color: #5c5f5c;}
#thicktabs li a:hover{color: #FFFFFF;background-image: url(images/ahovr.gif); }

.grade_bg{background-image: url(images/login_bg.gif);background-repeat: repeat-x;}
.gradebg2{background-image: url(images/welcome_bg.gif);background-repeat: repeat-y;
background-position: right;}
.welcome {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #413d3d;}
.subhead {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;color: #615f5f;padding-left: 10px;
}
.morelinks {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 11px;font-weight: normal;color: #413d3d;
text-decoration: none;}
.footborder {border-bottom-width: 1px;border-bottom-style: solid;
border-bottom-color: #e5e4e4;}
.subhead02 {font-family: Verdana, Arial, Helvetica, sans-serif;font-size: 18px;font-weight: normal;color: #1991d0;
padding-top: 10px;}

.txtbox {
	height: 24px;
	width: 159px;
	border: 1px solid #c7c7c7;
}
.ban_sepbar {
	background-color: #FFFFFF;
	height: 3px;
	width: 868px;
	float: left;
}
.pack_details {
	height: 250px;
	width: 99%;
	background-color: #EBEBEB;
	border: 1px solid #ADD0ED;
}

.innerpage_top {
	float: none;
	height: 270px;
	width: 865px;
	padding-right: 3px;
}
.packages_bg {
	float: left;
	height: 200px;
	width: 855px;
	padding-top: 10px;
	padding-left: 10px;
}
.shared_left {
	float: left;
	height: 220px;
	width: 273px;
	padding-left: 5px;
	padding-right: 3px;
}

.pack_bg {
	float: left;
	height: 200px;
	width: 280px;
	padding-right: 5px;
}
.pack_box {
	height: 200px;
	width: 270px;
	background-color: #ececec;
	border: 1px solid #CCCCCC;
}
.pack_box02 {
	float: right;
	height: 270px;
	width: 415px;
	background-color: #ececec;
	border: 1px solid #CCCCCC;
}
.packhead {
	background-image: url(images/pack_head.gif);
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 10px;
}
.bluenormal {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #3D96D8;
}
.bluebold {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #3D96D8;
}
.sepline02 {
	background-image:url(images/sepline02.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 10px;
	float: left;
	width: 360px;
}
.sepline03 {
	background-image:url(images/sepline02.gif);
	background-repeat: repeat-x;
	background-position: center center;

}
.sepline04 {
	background-image:url(images/sepline02.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 10px;
	float: right;
	width: 860px;
}
.ordernow {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
}
.cssform p{
width: 300px;
clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}

