/* basic tags overrides */
div, h1, h2, h3, h4, ul, li, img {
	margin: 0;
	padding: 0;
	border: none;
}

body {
	background: #c7c7cf url(images/bg-main.gif) repeat-x;
	font-family: geneva, arial, helvetica, sans-serif;
	font-size: .72em;
	margin: 0;
	padding: 0;
	border: none;
}

p {
	margin: 0px 0px 1.5em 0px;
	padding: 0px 0px 0px 0px;
	border: none;
}

em { font-style:italic; }

i { font-style: italic; }

strong { font-weight:bold; }

a {
	color: #5377a9; 
}

a:link {
	color: #5377a9; 
}

a:visited {
	color: #5377a9; 
}

a:hover {
	background-color: #bfbfbf; 
	color: #ffffff; 
}

a:active {
	color: #5377a9; 
}

/* classes for page layour */

/* classes for the header */
.header { margin: 0px auto 0px auto; }

.headertop {
	height: 96px;
	background: url(images/headertop_img.jpg) no-repeat left top;
	margin-bottom: 0px;
	color: #ffffff;
	padding: 0px 10px 0px 10px;
	border-bottom: 0px;
	font-size: 1.8em;
	font-weight: bold;
}

.headerslogan {
	font-size: .68em;
	margin: 0px;
	font-weight: normal;
	padding-top: 7px;
}

.headerbottom {
	height: 10px;
	background: url(images/headerbottom_img.png) no-repeat left top;
}

/* classes for the main content */
.maincontent { margin: 10px auto 10px auto; }

/* classes for the left column */
.leftcolumn { margin: 0px 10px 0px 0px; }

.leftcolumn a {
	margin: 0;
	padding: 2px 5px;
	color: #5377a9;
	text-decoration: none;	
}

.leftcolumn a:hover {
	background-color: #0f2543;
	color: #ffffff;
}

.sidebarheader {	
	height: 24px;
	padding: 10px 0 0 35px;
	background: url(images/sidebar_header.png) no-repeat left top;
	color: #ffffff;
	font-size: 1.2em;
	font-weight: bold;
	text-transform: uppercase;
}

.sidebarcontent {
	border: 1px solid #0f2543;
	padding: 32px 10px 32px 10px;
	line-height: 1.5em;
	font-weight: bold;
	background-color: #ffffff;
	margin: 0 0 0 0;
}

/* classes for the right column */
.rightcolumn { color:#666666; }

.rightcolumntop {
	height: 19px;
	background: url(images/rightcoltop.gif) no-repeat right top;
}

.pagecontent {
	padding: 0px 10px 10px 10px;
	border-left: 1px solid #0f2543;
	border-right: 1px solid #0f2543;
	border-bottom: 1px solid #0f2543;
	background-color: #efefef;
	line-height :1.5em;
}

.footer {
	padding: 10px 0 5px 10px;
	color: #333;
	font-size: 0.8em;
	letter-spacing: 0.1em;
}

/* classes for text styling */
h1 {
	padding: 0 0 1em 0;
	color: #5377a9;
	font-family: arial, sans-serif;
	font-weight: bold;
	font-size: 1.4em;
}

h2 {
	padding: 1em 0 0.8em 0;
	color: #0f2543;
	font-weight: bold;
	font-family: arial, sans-serif;
	font-size: 1.2em;
}

.excerpt{
	padding: 1em 2em 1em 2em;
	font-style: italic;
}

.codebox {
	margin: 10px 0px 10px 0px;
	padding: 10px 10px 10px 10px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

.imagebox {
	margin: 10px 0px 10px 0px;
	background-color: #ffffff;
	border-width: 1px;
	border-style: solid;
	border-color: #000000;
}

ul.bulletedlist {
	margin: 0px 0px 15px 15px;
	padding: 0px 0px 0px 10px;
}

ul.bulletedlist li {
	list-style: none;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	list-style-image: url(images/bullet.gif);
}

.tableinfo {
	width: 100%;
	border: #d0d0bf 2px solid;
	border-collapse: collapse;
}
	
.tableinfo td {
	border: #d0d0bf 1px solid;
	padding: 10px;
}

table.tableinfo thead th, table.tableinfo tfoot th {
	background-color: #f6f6f6;
	padding: 10px;
	font-weight: normal;
	font-variant: small-caps;
	border: #d0d0bf 1px solid;
	border-top: #d0d0bf 2px solid;
	border-bottom: #d0d0bf 2px solid;
}

/* classes for the samples */
ul.pager {
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	list-style: none;
	text-align: left;
	white-space: nowrap;
}

ul.pager li {
	padding: 1px 1px 1px 1px;
	margin: 1px 1px 1px 1px;
	list-style: none;
	display: inline;
}

.gridview td, th {
	border-color: #133769;
	padding: 2px 4px 2px 4px;
}