/* CSS Document */

/*
 * Purpose       : Stylesheet for MCPTraining Site

 * Author        : Developed by Hiran Karunananda[UI Engineer/ PHP Developer - hiran.c@gmail.com]

*/

* { margin:0px; padding:0px; }
body { font-family:Arial, Helvetica, sans-serif; font-size:11px; }
a { font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#990000; text-decoration:underline; }
a:hover { text-decoration:none; }
.NaviSpecial { color:#3074A7; text-decoration:none; }
h3 { padding-bottom:10px; font-size:14px; color:#3074A7; }
p { padding:0px 0px 10px 0px; }
.pathShow { position:absolute; left:235px; top:91px; color:#FFFFFF; font-size:10px; }
.color { color:#4E7681; } .color2 { color:#663300; padding-top:5px; padding-bottom:5px; font-weight:bold; }
.colorIndiv { color:#707041; }

#wrapper { width:100%; } 

/*------ Form Elements Styles ------------------*/
#wrapper input
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	border:1px solid #999999;	
}
#wrapper .textarea 
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding-left:2px;
	border:1px solid #999999;
	background-color:#FFFFFF;
}

#wrapper .dropDown
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}
#wrapper .button
{
	background-color:#AD7501;
	border-top:1px solid #AD7501;
	border-left:1px solid #AD7501;
	border-bottom:1px solid #6B4901;
	border-right:1px solid #6B4901;
	color:#FFFFFF;
	padding:0px 2px 0px 2px;
	margin-top:2px;
}
#wrapper .buttonSpecial
{
	background-color:#E0A774;
	border-top:1px solid #EDCCAF;
	border-left:1px solid #EDCCAF;
	border-bottom:1px solid #5E4631;
	border-right:1px solid #5E4631;
	color:#FFFFFF;
	padding:0px 2px 0px 2px;
	margin-top:2px;
}
.buttonBuy a
{
	background-image:url(../images/buy_but.jpg);
	background-repeat:repeat-x;
	height:19px;
	width:40px;
	border-top:1px solid #AD7501;
	border-left:1px solid #AD7501;
	border-bottom:1px solid #6B4901;
	border-right:1px solid #6B4901;
	color:#FFFFFF;
	padding:2px 2px 0px 2px;
	color:#000000;
	font-weight:bold;
	display:block;
	text-decoration:none;	
}
#wrapper .checkboxZero { border:0px; }
.mandatory td { background-color:#FFF0F0; }
/*------ Ending Form Elements Styles ------------------*/

.headerTopLeft1 { background-image:url(../images/h_Top.jpg); background-repeat:no-repeat; width:900px; height:31px; }
.headerTopMid1 { background-image:url(../images/h_Mid.jpg); background-repeat:no-repeat; width:900px; height:22px; }
.headerTopBott1 { background-image:url(../images/h_Bott.jpg); background-repeat:no-repeat; width:900px; height:33px; }

.headerTopLeftFlow { background-image:url(../images/h_TopFlow.jpg); background-repeat:repeat-x; width:769px; height:31px; }
.headerTopMidFlow { background-image:url(../images/h_MidFlow.jpg); background-repeat:repeat-x; width:769px; height:22px; }
.headerTopBottFlow { background-image:url(../images/h_BottFlow.jpg); background-repeat:repeat-x; width:769px; height:33px; }

.headerTopBottEdge { background-image:url(../images/h_Bot1.jpg); background-repeat:no-repeat; width:900px; height:21px; }
.headerTopBottEdge2 { background-image:url(../images/h_Bot2.jpg); background-repeat:repeat-x; width:900px; height:21px; }

.Left1 { background-image:url(../images/Left_09.jpg); background-repeat:no-repeat; width:33px; height:497px; }
.Left2 { background-image:url(../images/Left_10.jpg); background-repeat:no-repeat; width:34px; height:497px; }
.Left3 { background-image:url(../images/Left_11.jpg); background-repeat:no-repeat; width:33px; height:497px; }
.Left4 { background-image:url(../images/Left_12.jpg); background-repeat:no-repeat; width:31px; height:497px; }
.Left5 { background-image:url(../images/Left_13.jpg); background-repeat:no-repeat; width:35px; height:497px; }
.Left6 { background-image:url(../images/Left_14.jpg); background-repeat:no-repeat; width:24px; height:247px; }
.Left7 { background-image:url(../images/Left_15.jpg); background-repeat:no-repeat; width:26px; height:125px; }

.MainNavigation { width:780px; }
.MainNavigation li 
{
	list-style-type:none;	
	width:93px;
	height:27px;
	float:left;
	color:#FFFFFF;
	text-align:center;
	font-weight:bold;	
}

.MainNavigation a { color:#FFFFFF; display:block; font-size:11px; text-decoration:none; cursor:pointer; }
/*.naviHome { background-image:url(../images/navi_home.jpg); background-repeat:no-repeat; height:27px; font-weight:bold;  }*/
.naviNormal { height:25px; background-image:url(../images/navi_bc.jpg); background-repeat:no-repeat; }
.naviSelected { height:25px; background-image:url(../images/navi_home.jpg); background-repeat:no-repeat; }
.naviTextPos { padding:4px 4px 0px 4px; }


.leftContentPos
{
	position:absolute;
	top:120px;
	width:170px;
}

.aa { background-color:#E1F0FA; }
.subHeader { font-weight:bold; font-size:12px; padding-bottom:8px; color:#3074A7; }
.leftHeader { background-color:#507D99; padding:5px 5px 5px 15px; color:#FFFFFF; font-weight:bold; width:146px; }
.mcpList { font-weight:bold; }
.mcpList a { color:#000000; text-decoration:underline; font-size:11px; }

.contentpara { padding:20px 15px 10px 0px; font-size:12px; }
.saleryIMGSet { width:565px; font-size:11px; color:#666666; }
.paraMove { padding-left:5px; }

.PackageGrid { border:2px solid #5C788A; border-collapse:collapse; }
.PackageGrid td { border:1px solid #5C788A; border-collapse:collapse; background-color:#F3F7F8; padding:3px 3px 3px 5px; }
.PackageSep td { background-color:#F3F7F8; color:#405C68; }
.PackageSep2 td { background-color:#FFF7E6; color:#405C68; }

.PackageGridSpecial { border:2px solid #663300; border-collapse:collapse; }
.PackageGridSpecial td { border:1px solid #663300; border-collapse:collapse; background-color:#FFF0EA; padding:3px 3px 3px 5px; }


.individualGrid { border:2px solid #8D8D52; border-collapse:collapse; margin-top:5px; margin-bottom:5px; }
.individualGrid td { border:1px solid #8D8D52; border-collapse:collapse; background-color:#FBFBF7; padding:3px 3px 3px 5px; }


.Note 
{
	background-color:#FFF9F0;
	border:1px solid #FFC977;
	padding:10px;
}

.content_highliter { margin-bottom:30px; }
.content_highliter a
{ 
	background-color:#FFF9F0;
	border:1px solid #FFC977;
	padding:5px; text-align:center;	font-weight:bold; margin:10px 0px 10px 0px;	display:block; text-decoration:none; color:#000000;
	min-height:15px !important;
	height:auto !important;
	min-height:15px;
	height:15px;		
}
.content_highliter a:hover { border:1px solid #DDAD91; background-color:#FFF3E1; }