* html .header h2 {
	top: 35px;
}
* html .todoheader, * html .insertheader {
	height: 1%;
}
a, a:visited {
	text-decoration: none;
}
a:hover, input {
	color: #333333;
}
form    
{
    width: 375px;
}
body {
	background: #6B91C3;
	/*font: "Segoe UI", Segoe, sans-serif;*/
	font-family:Calibri;
	margin: 0;
	padding: 18px;
  background: url(images/bkgrnd.png) top left repeat-x;
  background-color:#7093DB;	
}
em {
	background: #EEEEEE;
	font-style: normal;
}
li {
	background: url(images/bullet_purple.gif) top left no-repeat;
	padding: 0 0 0 18px;
	
}
p {
	line-height: 18px;
	margin: 5px;
}
p,li, input {
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 0;
}
ul {
	list-style: none;
	margin: 5px;
	padding: 0;
}
.placeholder {
	color: #003399;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	height: 40px;
}
.content {
	float: left;
	margin: 5px 5px;
	text-align: left;
}
.detailsview .actions div {
	float: right;
	text-align: right;
	width: 95px;
	padding-right: 2px;
}
.detailsview td {
	background: #D7E6F4;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 15px 10px 10px 10px;
}
.detailsview td a {
	color: #0066CC;
	font: bold small "Segoe UI", Segoe, sans-serif;
	padding-right: 10px;
}
.detailsview td a:hover {
	font-weight: bold;
	color: #333;
}
.detailsview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 3px 8px 5px;
	padding: 2px;
	text-align: left;
}
.detailsview tr.header {
	background: #C5DBF7;
	padding: 3px 8px 5px;
}
.gridview .actions div {
	float: right;
	padding-right: 2px;
	text-align: right;
	width: 95px;
}

.gridview .edit td,.gridview .create td {
	background: #DAFFCD;
	padding: 4px;
	border-bottom: solid 2px #FFFFFF;
	border-top: solid 2px #FFFFFF;
}

.gridview td {
	background: #D7E6F4;
	border-bottom: solid 1px #C5DBF7;
	color: #333333;
	font: small "Segoe UI", Segoe, sans-serif;
	padding: 5px 4px;
}
.gridview td a{
	color: #0066CC;
	font: bold small "Segoe UI",Segoe,sans-serif;
	padding: 2px;
	text-decoration: none;
}
.gridview td a:hover {
	color: #333333;
	font-weight: bold;
}
.gridview th {
	background: #4168BD;
	color: #FFFFFF;
	font: small "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 4px;
	text-align: left;
}
.gridview th a{
	color: #FFFFFF;
	font: bold small "Segoe UI",Segoe,sans-serif;
}
.gridview th a:hover{
	color: #00FF00;
}
.gridview tr.even td,.detailsview tr.even td{
	background: #FFFFFF;
}
.gridview tr.header {
	background: #C5DBF7;
}
.gridview,.detailsview {
	width: 100%;
}
.header {
	height: 50px;
	margin-left: 5px;
}
.header h1 {
	color: #10377C;
	font: bold xx-large "Segoe UI", Segoe, sans-serif;
	margin: 0px;
}
.header h2 {
	color: #666666;
	font: x-small "Segoe UI", Segoe, sans-serif;
	position: absolute;
	top: 28px;
}
.header h2 a {
	color: #6600CC;
	font-weight: normal;
}
.insert {
	width: 300px;
}
.insert span {
	font-family: "Segoe UI", Segoe, sans-serif;
}
.insertheader 
{
    color: Silver;
	background: #10377C url(images/add.gif) 6px 50% no-repeat;
	margin-top: 25px;
	padding-left: 25px;
	position: relative;
}
.insertheader  a {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin-left: 20px;
}
.login {
	font: small "Segoe UI", Segoe, sans-serif;
	margin-left: 100px;
	margin-top: 30px;
}
.login .logintitle 
{
	
	background: #10377C;
	color: #C5DBF7;
	
	font: bold large "Segoe UI", Segoe, sans-serif;
	letter-spacing: 0;
	padding: 2px;
	padding-left: 5px;
	text-align: left;
}
.login input[type=text] input[type=password] {
	width: 100px;
}
.loginstatus {
	font: small "Segoe UI", Segoe, sans-serif;
	margin-left: 660px;
	margin-top: 20px;
	position: absolute;
	text-align: right;
	width: 400px;
}
.loginstatus span {
	margin-right: 20px;
}
.menu {
	border-width: 1px;
	float: left;
	margin: 20px 5px;
	width: 150px;
}
.progress {
	color: #FFFF99;
	float: right;
	font: bold x-large "Segoe UI", Segoe, sans-serif;
	margin-top: -20px;
}
.rss {
	margin-top: 20px;
}
.todoheader 
{
    color: Silver;
	background: #10377C;
	position: relative;
}

.todoheader h2
{
	background: url(images/corner.gif) top right no-repeat; 
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin: 0;
	padding: 8px 5px 5px 5px;
}
.insertheader h2 {
	color: #FFFFFF;
	font: bold medium "Segoe UI", Segoe, sans-serif;
	margin: 0;
	padding: 8px 5px 5px 5px;
}
.updateprogress {
	color: #FFFFFF;
	font: bold large "Segoe UI", Segoe, sans-serif;
}
.commentblock
{
	background:url('images/lightorangegradient.png') repeat-x 50% top;
	background-color:White;
	border:solid 1px navy;
	padding: 5px 8px 8px 8px;
	font-size:13pt;
	width:800px;
	font-family:Calibri;
}

.commentblock .datePosted
{
	font-family:Tahoma;
	font-size:11px;
	font-style:italic;
	
}
.dropDown
{
	background: lightgrey;  
	 height: 22px;     
    font-family: Verdana, Arial, Helvetica, sans-serif;
        font-size: 12px;
        margin: 0px;
        padding: 5px 10px 0px 2px;
        border: 0px none;
        width: 230px;
	}

.RoundTextBox {
   
    background: transparent url('images/gradient.gif') no-repeat top left;
    height: 22px;     
  
        font-size: 11px;
        margin: 0px;
        padding: 5px 10px 0px 2px;
        border: 0px none;
        width: 230px;
}

.RoundTextBoxComments {
   
    background: lightgrey;       
    /*font-family: Verdana, Arial, Helvetica, sans-serif;*/
        font-size: 12px;
        margin: 0px;
        padding: 5px 10px 0px 2px;
        border: 0px none;
        width: 230px;
}

.footer .pager
{	
	background:White;
	float:right;
	text-align:center;
	padding:8px;
	margin-left:400px;
	width:400px;
	overflow:visible;
	
}

.footer .pager .current
{	
	font-size:24px;
	 border:solid 2px #bbbbbb;
    background-color:#666666;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
	
}
.footer .pager A.command
{
    color:#666666;
    padding:0px 5px;
    text-decoration:none;
    border:none;
    font-size:15px;
}
.footer .pager A.command:hover
{
    border:solid 2px #bbbbbb;
    background-color:#666666;
    color:#fff;
    padding:0px 3px;
    text-decoration:none;
}    

.panelOuter
{
 
	Width:490px;
	background-color:White;
	font-family:Foundry-Monoline;
	
	
	
} 

.panelMessage
{
	font-family:Foundry-Monoline;
	height:125px;
	Width:490px;	
	text-align:center;
	font-weight:bold;
	font-size:19px;
	background-color:lightgrey;
	
} 

.welcomeUser
{
 position:absolute;
 right:30px;
 top:20px;
}   

.contactBody
{
	font-family:Foundry-Monoline !important;
	 background:White;
}


/*For Ajax Tab control */

.gray .ajax__tab_header 
{
	color:#fff;
}
.gray .ajax__tab_outer
{
    background:url('images/gray_left.gif') no-repeat 0px 0px;
}
.gray .ajax__tab_inner
{
    background:url('images/gray_right.gif') no-repeat 100% 0px;
}
.gray .ajax__tab_hover .ajax__tab_outer
{
    background:url('images/gray_left.gif') no-repeat 0px -150px;
}
.gray .ajax__tab_hover .ajax__tab_inner
{
    background:url('images/gray_right.gif') no-repeat 100% -150px;
}
.gray .ajax__tab_active .ajax__tab_outer
{
    background:url('images/gray_left.gif') no-repeat 0px -300px;
}
.gray .ajax__tab_active .ajax__tab_inner
{
    background:url('images/gray_right.gif') no-repeat 100% -300px;
}
.gray div.rounded div.top {
    background:url('images/gray_tl.gif') no-repeat left bottom;
}

.gray div.rounded div.top div.right {
    background:url('images/gray_tr.gif') no-repeat right bottom;
}

.gray div.rounded div.middle {
    background:url('images/gray_side.gif') repeat-y left;
}

.gray div.rounded div.middle div.right {
    background:url('images/gray_side.gif') repeat-y right;
}

.gray div.rounded div.bottom {
    background:url('images/gray_bl.gif') no-repeat left top;
}

.gray div.rounded div.bottom div.right {
    background:url('images/gray_br.gif') no-repeat right top;
}

div.rounded {
    clear:both;
    max-width:2400px;
}

div.rounded div.top {
    padding:0px;
    width:100%;
}

div.rounded div.top div.right {
    height:12px;
    line-height:0.1em;
    font-size:0.1em;
    margin:0px;
    margin-left:12px;
}

div.rounded div.middle {
    clear:both;
    width:100%;
}

div.rounded div.middle div.right {
    margin-left:2px;
}

div.rounded div.middle div.right div.content {
    margin-right:2px;
}

div.rounded div.bottom {
    clear:both;
    padding:0px;
    width:100%;
}

div.rounded div.bottom div.right {
    height:12px;
    line-height:0.1em;
    font-size:0.1em;
    margin:0px;
    margin-left:12px;
}
.ajax__tab_default .ajax__tab_header 
{
	font-size:11px;
	font-weight:bold;
    font-family:arial, sans-serif;
    margin-left:25px; /* move the header to the right 25 pixels */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_outer,
.ajax__tab_default .ajax__tab_header .ajax__tab_outer,
.ajax__tab_default .ajax__tab_hover .ajax__tab_outer
{
    margin-right:4px;
}
.ajax__tab_default .ajax__tab_active .ajax__tab_inner,
.ajax__tab_default .ajax__tab_header .ajax__tab_inner,
.ajax__tab_default .ajax__tab_hover .ajax__tab_inner
{
    margin-left:3px; /* offset the width of the left image */
}
.ajax__tab_default .ajax__tab_active .ajax__tab_tab,
.ajax__tab_default .ajax__tab_hover .ajax__tab_tab,
.ajax__tab_default .ajax__tab_header .ajax__tab_tab
{
	margin-right:0px;	
	padding:8px 23px 8px 20px;
}
.ajax__tab_default .ajax__tab_body 
{
    font-family:verdana,tahoma,helvetica;
    font-size:10pt;
    width:600px;
}

.collapsible-panel-ruler
{
	
	background-repeat:no-repeat;
	background-position:left bottom;
	width:600px;
	padding-bottom:5px;
    cursor:pointer;
    font-size:14px;
}

.sliding-menu-title
{	
	font-weight:bold;
	padding:10px;
	min-width:200px;
	cursor:pointer;
}
.sliding-menu-content
{
	padding:6px;
	color:White;	
}

.sliding-menu-title {	background-color:#fc6500;	color:White;	}
.sliding-menu-content{	background-color:#7b5c4e;	color:White;	}