/*

	default css
	created by: Reagan M. Descartin
	
	
*/

html{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
}

body {

	margin-top:0;
	background-color:#eee;
	font-family:Verdana, Arial, Helvetica, sans-serif;	
	font-size:12px;
}



/*main container of the web page*/
#divContainer{
	width: 1024px;
	margin:auto; /*to place the page at the center of the browser*/ 
	height:auto;
	background-color:#b5b5b5;
	position:relative;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
	overflow:hidden;
	
}




.header
{
	width:1024px;
	height:146px;
	background-image:url("../images/header_background.png");

}

.headerTop
{
	width:1024px;
	height:48px;
	background-image:url("../images/header_top_background_right.png");
	background-position:right;
	background-repeat:no-repeat;
}

.headerBottom
{
	width:960px;
	height:90px;
	background-color:#FFFFFF;
	margin:auto;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
}

.headerBottomLeft
{
	float:left;
	width:260px;
	height:90px;
	/*background-color:#000000;*/
}

.logoWrapper
{
	height:47px;
	width:221px;
	margin:auto;
	margin-top:20px;
	background-image:url("../images/logo.png");
}

.headerBottomRight
{
	float:left;
	width:700px;
	height:90px;
	/*background-color:#fff000;*/
}

.menuWrapper
{
	height:60px;
	width:611px;
	margin:auto;
	margin-top:15px;
}
/* TAB MENU   
----------------------------------------------------------*/
ul#menu {
   padding:0px;
    position: relative;
    margin: 0;
    text-align: left;
	background-color:#9b9b9b;
	background-image:url("../images/menu_divider_background.png");
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:3px 3px 5px #8d8d8d;
	-moz-box-shadow:3px 3px 5px #8d8d8d;
	-webkit-box-shadow:3px 3px 5px #8d8d8d;
	 

}

ul#menu li {

	
    display: inline;
    list-style: none;
	
}


.home
{
	border-radius:10px 0px 0px 10px;

}

.about
{
	border-radius:0px 10px 10px 0px;
}


ul#menu li a {
   	padding: 22px 25px;
    font-weight: bold;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
    text-decoration: none;
	line-height: 5em;
    color: #FFF;
	background-image:url("../images/menu_default_background.png");

}

ul#menu li a:hover {
	background-image:url("../images/menu_selected_background.png");
    text-decoration: none;
	color:
}

ul#menu li a:active {
	background-image:url("../images/menu_selected_background.png");
	color: #FFFFFF;
    text-decoration: none;
}

ul#menu li.selected a {
	background-image:url("../images/menu_selected_background.png");
    color: #000;
}

ul#menu li a.focus
{
	background-image:url("../images/menu_selected_background.png");
}

.contentWrapper
{
	position:relative;
	width:1024px;
	min-height:400px;
	
	margin-top:10px;
	margin-bottom:10px;
	/*background-color:#b5b5b5;
	background:-moz-linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);
	background:-webkit-linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);
	background:linear-gradient(top, #b5b5b5 0%, #b5b5b5 15%, #cecece 60%, #ededed 100%);*/
	/*background-image:url("../images/content_wrapper_background.png");
	background-position:right;
	background-repeat:no-repeat;*/
	/*overflow:hidden;*/

}

.contentWrapperLeft
{
	width:280px;
	float:left;
	position:relative;
	height:auto;
/*	background-color:#0033FF;*/
}

.contentWrapperRight
{
	width:744px;
	float:right;
	/*background-color:#003300;*/
	position:relative;
	height:auto;
	overflow:hidden;
	margin-bottom:10px;
}


.verticalMenu
{
	margin:auto;
	margin-left:30px;
	
	width:240px;
	height:300px;
	background-color:#FFF;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
}

.verticalMenuTitle
{
	text-align:center;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#707070;
	margin:auto;
	padding-top:20px;
	padding-bottom:20px;	
}

.verticalMenuLink
{
	height:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	/*font-size:14px;*/
	font-size:12px;
	color:#707070;
	padding-left:20px;
	/*margin-top:10px;*/
	cursor:pointer;
	/*background-color:#000066;*/
}
.verticalMenuLink a
{
	text-decoration:none;
	color:#707070;
}


.verticalMenuLinkSelected
{
	background-image:url("../images/vertical_menu_selected_background.png");
}


.verticalMenuLink:hover
{
	background-image:url("../images/vertical_menu_selected_background.png");
}

.verticalMenuLinkText
{
	padding-top:7px;
}


.mainContent
{
	
	margin:auto;
	margin-left:10px;

	width:700px;
	height:auto;
	background-color:#FFF;
	position:relative;
	border-radius:10px;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	box-shadow:5px 5px 6px #8d8d8d;
	-moz-box-shadow:5px 5px 6px #8d8d8d;
	-webkit-box-shadow:5px 5px 6px #8d8d8d;	
    font-family:Verdana, Arial, Helvetica, sans-serif;
	overflow:hidden

}


.mainContentTitle
{
	
	padding:30px 30px 0px 30px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:14px;
	color:#707070;
}

.mainContentMessage
{
	
	padding:30px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#707070;

}



.footer
{
	width:1024px;
	height:30px;
	background-color:#eee;
	overflow:hidden;
}


.footerLeft
{
	float:left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	font-weight:bold;
	padding:5px;
	
}


.footerRight
{
	float:right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#707070;
	font-weight:bold;
	text-align:right;
	padding:5px;
	
}

.footerLink
{
	text-decoration:none;
	font-size:11px;
	color:#707070;
	font-weight:bold;
}

/*
table design
*/

table, th, td
{
	font-family:Verdana,Arial, Helvetica, sans-serif;
	font-size:12px;
	
}

a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
}

h1,h2,h3,h4,h5{
	font-family:Verdana, Arial, Helvetica, sans-serif;	
}
	
input, textarea {
	border: 1px solid #d2d2d2;
	background:#eee;
	color:#333;
	font-size:12px;
	margin:5px 0 2px 0;
	padding:5px;
	
}

	
input, select {
	border: 1px solid #d2d2d2;
	background:#fff;
	color:#333;
	font-size:12px;
	margin:5px 0 2px 0;
	padding:5px;
	
}


input[type="submit"] {
	padding:3px;
	cursor:pointer;
	cursor:hand;
}



.errorMessage
{
	color:#FF0000;
}


table.gridtable {
	font-family: Verdana, Arial,sans-serif;
	font-size:11px;
	color:#333333;
	border-color: #666666;
    border-collapse:separate;
    border-spacing:0px;
    border: 1px solid #666666;
	background-color:#fff;

}

table.gridtable th {
    border-left: 1px solid #666666;
	border-color: #666666;
	/*background-color: #dedede;*/
    border-top: 1px solid #666666;
}

table.gridtable td {
    border-left: 1px solid #666666;
    border-top: 1px solid #666666;
	padding:4px;
/*	background-color: #ffffff;*/
}


.adminContentTitle
{
	background-color:#7a62ff;
}

.panelTitle{
	color:#FFFFFF;
	font-family: Verdana, Arial;
	font-size:16px;
	text-align:center;
	margin:auto;
}	

.loginContainer{
	margin:auto;
	background-color:#eeeeee;
	width:400px;
}

.innerLoginContainer{
	padding:10px;
}

.loginTitle
{
	width:400px;
	text-align:center;
	height:30px;
	font-family: Verdana, Arial;
	font-size:16px;
	margin:auto;
	background-color:#bfe8f2;
	padding-top:5px;
}