/* CSS Document */
.topMenu
{
	color: White;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.head_event
{
	color: #000033;
	text-decoration: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}
.event
{
	color:#000099;
	text-decoration: none;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
}

a.Menu:link, a.Menu:visited {
	color: White;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

a.Menu:hover {
	color:#00C400;
	border-bottom		: none;
}

a.head:link, a.head:visited {
	color:#000099;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

a.head:hover {
	color:#000000;
	border-bottom		: none;
}

a.Tree:link, a.Tree:visited {
	color: White;
	text-decoration: none;
	padding-left:5px;
	padding-right:5px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
}

a.Tree:hover {
	color:#009B00;
	border-bottom		: none;
}



body{
	margin: 0 0;
	background-color:#fff;
	
}
#header{
	
	width: 100%;
	height:auto;
	background-image:url(/Templates/Images/headerBg.jpg);
	margin:0px 0px;
}
#headerTop{
	position:relative;
	background-image:url(/Templates/Images/headerLogo.jpg);
	width:764px;
	height:129px;
	margin: 0 auto;
}
#mainMenuLeft{
	clear: both;
	position:relative;
	float: left;
	width: 16px;
	height: 31px;
	
}
#mainMenuBg{
	float: left;
	height: 31px;
	color: white;
	background-image : url(/Templates/Images/menu_bg.png);
}
#contentBox{
	position:relative;
	width:100%;
	background-color:#F2F2F2;
	margin:15px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

/*main menu*/
#navcontainer 
{
	width:764px;
	position: relative;
	margin: 0 auto;
	background-image:url(/Templates/Images/menuBg.jpg);
	color: White;
	height:36px;
}

#navlist{
	margin: 0 auto;
	padding-right: 30px;
	border-right:solid #3c4a6e 5px;
	border-left:solid #010f33 5px;
	
	height:36;
	float:none
}
#navlist li{
	display: inline;
}

#pink a, #orange a, #red a, #green a{
	height:25px;
	color: White;
	text-decoration: none;
	float: right;
	padding: 3px 20px;
	line-height: 25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	background-image:url(/Templates/Images/MenuBtnBg.jpg);
	border-right:solid #3c4a6e 1px;
	border-left:solid #010f33 1px;
}

#pink a:link, #red a:link, #green a:link{
	color: White;
	
}

#pink a:hover{
	background-image:url(/Templates/Images/Pink.jpg);
}
#orange a:hover{
	background-image:url(/Templates/Images/Orange.jpg);
}
#red a:hover{
	background-image:url(/Templates/Images/Red.jpg);
}
#green a:hover{
	background-image:url(/Templates/Images/Green.jpg);
}
/* curve height, background image */
.roundCorner .t, .roundCorner .b, .roundCorner .b b, .roundCorner .t b{
	height:12px;
	background-image:url(/Templates/Images/RoundCorners.png);
	margin: 0px auto;
}

/* inner color, border color, border width */
.roundCorner .c{
	border-left-width:4px;
	border-right-width:4px;
}

/* round corners pan */
/* surrounding margins (optional) */
.round{
	margin-bottom:11px;
	margin: 0px auto;
}
.round .c{
	/* inner content padding */
	padding:0 5px 0 5px;
	border-top:0;
	border-bottom:0;
	background-image:url(/Templates/Images/BG.png);
}
.round .t, .round .b, .round .t b, .round .b b{
	display:block;
	overflow:hidden;
}
.round .t b, .round .b b{
	float:right;
	width:50%;
}
.round .t .r{
	background-position:top right;
}
.round .b .r{
	background-position:bottom right;
}
.round .b{
	background-position:bottom left;
}
.round .br{
	clear:both;
	display:block;
	overflow:hidden;
	height:0px;
}

#footer{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	line-height:30px;
	font-size:11px;
	margin: 0 auto;
	background-image:url(/Templates/Images/footer.jpg);
	width: 762px;
	height:37px;
}
/*content cols*/
#pinkTile, #orangeTitle, #redTitle, #greenTitle, #blueTitle{
	width:100%;
	height:25px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-weight:bold;
	
}
#pinkTile{
	padding: auto 3px;
	border-bottom:#9902b4 solid 3px;
	color:#c509e7;
	
}
#orangeTitle{
	padding: auto 3px;
	border-bottom:#e08704 solid 3px;
	color:#e08704;

}
#redTitle{
}
#greenTitle{
	padding: auto 3px;
	border-bottom:#7b9d00 solid 3px;
	color:#7b9d00;
}
#blueTitle{
	padding: auto 3px;
	border-bottom:#115fa9 solid 3px;
	color:#115fa9;
}
#leftCol{
	width: auto;
	float:left;
	height:100%;
	padding: 8px 8px;
}
#rightCol{
	
}


/* Left menu */
#leftMenuContainer{
	width:172px;
	background-image:url(/Templates/Images/LeftMenuBg.jpg);
	background-repeat:repeat-y;
}
#leftMenuContainer ul{	
	margin: 0 auto 0 6px;
	padding: 0 0;
	width:159px;
	list-style-type: none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	line-height:28px;
}
#leftMenuContainer a{
	display: block;
	padding-left: 3px;
	width: auto;
	background-image:url(/Templates/Images/LeftMenuBtnBg.jpg);
	background-repeat:repeat-x;
	border-bottom: 1px solid #eee;
	height:28px;
}
#leftMenuContainer a:link, #leftMenuContainer a:visited{
	color: #656565;
	text-decoration: none;
}
#leftMenuContainer a:hover{
	background-image:url(/Templates/Images/LeftMenuBtnBgHover.jpg);
	background-repeat:repeat-x;
	color: #011343;
}
#leftMenuHeader{
	background-image:url(/Templates/Images/LeftMenuHeaderBg.jpg);
	background-repeat:repeat-x;
	height:29px;
	
}
#leftMenuHeaderL{
	background-image:url(/Templates/Images/LeftMenuHeaderL.jpg);
	background-repeat:no-repeat;
	width:13px;
	height:29px;
	float:left;
}
#leftMenuHeaderR{
	
	float:right;
	background-image:url(/Templates/Images/LeftMenuHeaderR.jpg);
	background-repeat:no-repeat;
	width:15px;
	height:29px;
}
#leftMenuFooter{
	background-image:url(/Templates/Images/LeftMenuFooterBg.jpg);
	background-repeat:repeat-x;
	height:22px;
	
}
#leftMenuFooterL{
	background-image:url(/Templates/Images/LeftMenuFooterL.jpg);
	background-repeat:no-repeat;
	width:13px;
	height:22px;
	float:left;
}
#leftMenuFooterR{
	
	float:right;
	background-image:url(/Templates/Images/LeftMenuFooterR.jpg);
	background-repeat:no-repeat;
	width:15px;
	height:22px;
}
/*function description area*/
#contentHeader{
	
	background-color:#0000FF;
	margin-left: 200px
}

#functionDescription{
	float:left;
	width:263px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	padding-top:12px;
	font-size:11px;
}

/*controls*/
#controls{
	background-image:url(/Templates/Images/ControlsBg.jpg);
	background-repeat:repeat-x;
	margin-right:0px;
	height:44px;
	float:left;
	width:559px;
	margin-top:12px;
	
}
#controlsRight{
	margin: 0 auto;
	float:right;
	padding-right:15px;
}
#save{
	
	background: url(/Templates/Images/saveIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#edit{
	
	background: url(/Templates/Images/editIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#done{
	
	background: url(/Templates/Images/doneIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#cancel{
	
	background: url(/Templates/Images/cancelIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#delete{
	background: url(/Templates/Images/deleteIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#featured{
	
	background: url(/Templates/Images/featuredIco.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;
}
#controlsSeparator{
	background: url(/Templates/Images/controlsSeparator.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;

}
#controlsMenuSeparator{
	background: url(/Templates/Images/controlsMenuSeparator.jpg) top left no-repeat;
	padding-top:10px;
	padding-bottom:10px;
	line-height:39px;
	display: inline;	
}
#functionTitle{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	float:left;
	line-height:44px;
	padding-left:15px;
}
#controlsRight a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#000000;
	text-decoration: none;
	padding-left:21px;

	
}
#controlsRight img{
	padding-top:20px;
	border: 0 !important;
}

/*end of controls*/
#content{
	float:left;
	padding: 10px 6px;
	width:530px;
}
fieldset{
	border:#03559a solid 1px;
	padding-left:5px;
	color:#656565;
}
legend{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#03559a;
	padding:10px 3px;
}
form{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
	font-size:11px;	
}

label{
	width:120px;
	float:left;
	font-weight:bold;
}
.redHints{
	color:#FF0000;
	font-weight:normal;
}

#productInfo{
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;	
	width: 100%;
	background-color: #f8f8f8;
	color: #bf6d02;
	
}
#productInfo td{
	border-bottom: 1px solid #b4c6d1;
}

#productInfo .whiteCell {
	color: #5b5b5b;
	font-weight: normal;
}
.whiteCell a{
	color: #5b5b5b;
}

#homeIconsContainer{
	background: url(/Templates/Images/homeIcons.jpg) no-repeat;
	width: 751px;
	height: 280px;	
	margin-left: 1px;
	padding-left: 0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#656565;
	font-size:12px;	
}
.homeIconsLinkLeft{
	float: left;
	
	width: 113px;
	height: 110px;
	margin-top: 18px;
	margin-left: 15px;
	display: block;
}
.homeIconsLinkRight{
	float: left;
	
	width: 113px;
	height: 110px;
	margin-top: 18px;
	margin-left: 20px;
	display: block;
}
.homeIconsHelpLeft{
	float: left;
	width: 230px;
	margin-left: 6px;
	margin-top: 30px;
	margin-bottom: 0px;
	height: 100px;
}
.homeIconsHelpRight{
	
	
	float: left;
	width: 230px;
	margin-left: 6px;
	margin-top: 30px;
	margin-bottom: 0px;
	height: 100px;
}

/************Login Page*********/
#loginPan{
		
	position: relative;
	width:358px;
	height:287px;
	margin: 0px auto;
	top: 200px;
	background: url(/Templates/Images/LoginPanBg.jpg) no-repeat;
}
#welcomeWord{	
	position: relative;
	width:250px;
	height:50px;
	
	top: 0px;
	background: url(/Templates/Images/welcomeWord.jpg) no-repeat;
}
.username, .usernameFocus{
	position: relative;
	width: 124px;
	height: 20px;
	top:114px;
	left:168px;
}
.usernameFocus{
	background: url(/Templates/Images/UsernameFocusBg.jpg) no-repeat;
}
.password, .passwordFocus{
	position: relative;
	width: 124px;
	height: 20px;
	top:132px;
	left:166px;
}
.passwordFocus{
	background: url(/Templates/Images/PasswordFocusBg.jpg) no-repeat;
}
#loginSubmit{
	
	z-index: 9;
	position: relative;
	width: 90px;
	height: 27px;
	top:137px;
	left:235px;
	border: 0px;
}
#loginError{
		
	position: relative;
	color: #ff0000;
	top: 125px;
	left:30px;
}
#listProducts{
	width: 100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:11px;
	background-color: #ffffff;
}
#listProducts td{
	background: url(/Templates/Images/ListRowBg.jpg) repeat-x;
	padding: 8px 5px;
	border-left: 1px solid #d8d7d7;
}
#listProducts caption{
	color: #ffffff;
	font-size:12px;
	padding: 10px 5px;
	font-weight:bold;
	background: url(/Templates/Images/ListTableCaptionBg.jpg) repeat-x;
}
#listProducts a{
	color: #000000;
	text-decoration: none;
}
.tableDelIcon{
	display: block;
	width:20px;
	height:28px;
	margin-top: 0px;
	float:left;
	background: url(/Templates/Images/TableRowDelIcon.jpg) no-repeat;
	background-position: top;
}
.tableFeaturedIcon{
	display: block;
	width:20px;
	height:28px;
	margin-top: 0px;
	float:left;
	background: url(/Templates/Images/TableRowFeaturedIcon.jpg) no-repeat;
	background-position: top;
}
.tableHideIcon{
	display: block;
	width:20px;
	height:28px;
	margin-top: 0px;
	float:left;
	background: url(/Templates/Images/TableRowHideIcon.jpg) no-repeat;
	background-position: top;
}
.tableShowIcon{
	display: block;
	width:20px;
	height:28px;
	margin-top: 0px;
	float:left;
	background: url(/Templates/Images/TableRowShowIcon.jpg) no-repeat;
	background-position: top;
}
.tableEditIcon{
	display: block;
	width:20px;
	height:28px;
	margin-top: 0px;
	float:left;
	
	background: url(/Templates/Images/TableRowEditIcon.jpg) no-repeat;
	background-position: top;
}
#pagination {
	
	padding-left: 150px;
	
	display: block;
	text-align: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
		
}
#pagination a{
	text-decoration: none;
}
.mainbtn a{
	text-align: center;
	display: block;
	float: left;
	padding-left: 0px;
	padding-top: 8px;
	color: #ffffff;
	background: url(/Templates/Images/paginatMainBg.jpg) no-repeat;
	width: 62px;
	height: 31px;
}

.navBtn a {
	text-align: center;
	display: block;
	float: left;
	padding-left: 0px;
	padding-top: 8px;
	color: #737373;
	background: url(/Templates/Images/paginateNumber.jpg) no-repeat;
	width: 62px;
	height: 31px;
}
.navBtn b {
	text-align: center;
	display: block;
	float: left;
	padding-left: 0px;
	padding-top: 8px;
	color: #ffffff;
	background: url(/Templates/Images/PagainateActive.jpg) no-repeat;
	width: 62px;
	height: 31px;
}
#testBtn{
	
	position:relative;
	display: block;
	background-color: #ff0000;
	width: 100px;
	height: 120px;
}

.inlineDialog{
	color:#03559a;
	display: block;
	float: left;
	border-style: dotted; 
	border-width:1px;
	border-color:#03559a;
	padding: 10px; 20px;
	margin-top: 10px;

}






/*Example CSS for the two demo scrollers*/

#pscroller1{
width: 200px;
height: 100px;
border: 1px solid black;
padding: 5px;
background-color: lightyellow;
}

#pscroller2{
width: 350px;
height: 20px;
border: 1px solid black;
padding: 3px;
}

#pscroller2 a{
text-decoration: none;
}

.someclass{ //class to apply to your scroller(s) if desired
}