﻿body
{	margin: 0;
 	padding: 0;
	background: url(../images/bkgrnd.jpg) repeat-x #fff;
    margin: 0px;     
}

body, div, p { font-family: Arial; font-size: 10pt;}
h1 {margin: 15px 0 0 0; font-size: 14pt;}
a.h1 {margin: 15px 0 0 0; font-size: 14pt; text-decoration:none; color:#222;}


#Header-Bar {height: 50px; min-width: 1000px;}
#LogoContainer {width: 145px; position: absolute;}
#ButtonContainer {width: 100%; position: absolute; min-width: 1000px; text-align: right;}
#LoginContainer {width: 100%; position: absolute; min-width: 1000px; margin-top: 50px; text-align: right;}
#Login{width: 415px; height: 265px; background: url(../images/login.png); text-align: left; float: right;}
#LoginTxt {color: #fff; font-size: 8pt; margin-top: 70px; padding-left: 75px;}
.LoginTxt {color: #fff; font-size: 8pt; margin-top: 70px; }

#Sub-Btns {background: url(../images/subbtn-bkgrnd.jpg) repeat-x; height: 43px;}
#Sub-Btns2 {background: url(../images/subbtn-bkgrnd2.jpg) repeat-x; height: 43px;}

#buttons ul {margin:0px; padding:0px; float:right;}
#buttons ul li { float:right; list-style: none;	padding: 0;	margin: 0;}
#buttons li a {
	display: block;	
	padding: 17px 15px 17px 15px; 
	font-weight: bold; 
	border-right: 1px solid #333;
	background: ; 
	text-decoration: none; 
	color: #999;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 8pt;
}

#buttons li a:hover  
{
	padding: 10px 15px 24px 15px; 
	color:#39c4ea; 
	font-weight: bold; 
	background: url(../images/btn-over.jpg) bottom center no-repeat;
}

#subbuttons ul {margin:0px;	padding:0px; float:left;}
#subbuttons ul li {float:left; list-style: none; padding: 0; margin: 0;}
#subbuttons li a { 
	display: block;	
	padding: 14px; 
	font-weight: bold; 
	border-right: 1px solid #999; 
	background: ; 
	text-decoration: none; 
	color: #666;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 8pt;
}

#subbuttons li a:hover {
	color:#fff; 
	font-weight: bold; 
	background: url(../images/subbtn-bkgrnd2.jpg) repeat-x;
}

#subbuttons2 ul { 
	margin:0px;
	padding:0px;
	float:left;
}

#subbuttons2 ul li { 
	float:left;
	list-style: none;
	padding: 0;
	margin: 0;
}

#subbuttons2 li a { 
	display: block;	
	padding: 14px; 
	font-weight: bold; 
	border-right: 1px solid #999; 
	background: ; 
	text-decoration: none; 
	color: #fff;
	text-transform: uppercase;
	font-family: Arial;
	font-size: 8pt;
}

#subbuttons2 li a:hover  
{
	color:#000; 
	font-weight: bold; 
	background: url(../images/subbtn-bkgrnd.jpg) repeat-x;
}


a.ForgotPW {color: #78cbe7; font-size: 8pt;  font-weight:normal; }
a.ForgotPW:hover {color: #fff; font-size: 8pt;  font-weight:normal; }


.mainbutton
{
    float: left; 
    text-align: center; 
    width: 318px; 
    min-height: 200px; 
    margin: 4px; 
    background: url(../images/boxes.jpg) repeat-x #fff; 
    border: 1px solid #cacaca; 
    /*margin-left: 4px;*/
}

/** PM **/

.ImpersonatedContext
{
	top:0px;
	background-color:#BB3333;
	color:#EEEE00;
	border:solid 1px #666666;
	margin: 3px 3px 3px 3px;
	padding: 3px 3px 3px 3px; 
	}
	
.ImpersonatedContext:hover
{
	color:#FFFFFF;
}	


table,td {padding:0px; border-collapse:collapse; border-spacing:0px;}
img {border: 0px;}

.header {background-image: url(images/header.gif); height:143px; width:984px; text-align: center; margin: 0 auto;}
.headerbackground {background-image: url(images/header-background.gif); height:143px; width:100%;}
.App01 {background-image: url(images/app-001.gif); height:112px; width:423px; text-align: left; margin: 0 auto;}
.App02 {background-image: url(images/app-002.gif); height:112px; width:423px; text-align: left; margin: 0 auto;}
.App04 {background-image: url(images/app-004.gif); height:112px; width:423px; text-align: left; margin: 0 auto;}
.App05 {background-image: url(images/app-005.gif); height:112px; width:423px; text-align: left; margin: 0 auto;}
.buttons {background-image: url(images/button.gif); height:43px; width:984px; text-align: center; margin: 0 auto;}
.buttoncontainer {height:43px; width:920px; text-align: left; margin: 0 auto;}
.buttonbackground {background-image: url(images/button-background.gif); height:43px; width:100%;}
.subbuttons {background-image: url(images/sub-buttons.gif); background-repeat:repeat-x; width:900px; height:43px; text-align: center; margin: 0 auto;}
.pagebackground {background-image: url(images/page-background.gif); background-repeat:repeat-x; width:920px; height:314px; text-align: center; margin: 0 auto;}
.CITable {background-image: url(images/ci-button.gif); width:399px; height:61px;}
.bodybackground {background-image: url(images/body-background.gif); background-repeat:repeat-x; width:100%;}
.contenttable {text-align: center; margin: 0 auto; width:100%;}
.pageseperator {background-image: url(images/content-seperator.gif);}
.footerbackground {background-image: url(images/footer-background.gif); background-repeat:repeat-x; width:960px; height:41px;  text-align: center; margin: 0 auto;}
.footertext {color:#666666; font-size:smaller; text-align:left; padding-left:10px;}
.fifty{width:50%}
.publictable
{
    border-color: #333;
    border-width: 0 0 1px 1px;
    border-style: solid;
}

.publictabletd
{
    border-color: #333;
    border-width: 1px 1px 0 0;
    border-style: solid;
    margin: 0;
    padding: 4px;
    background-color: #f2f2f2;
}

.top {vertical-align:top;}
.bullet {list-style-type: georgian; list-style-position:outside;}
.center {text-align: center;}
.left {text-align: left;}
.right {text-align: right;}

/*.white {background-color:#ffffff;}*/
.black {background-color: #000000;}
.lightgrey {background-color: #f9f9f9;}
.grey {background-color: #ededed;}
.redfont{color:#FF0000;}

.cellspacing {border-spacing: 5; border-color: #ffffff;}
.cellpadding {padding-bottom:10px; padding-left:10px; padding-right:10px; padding-top:10px;}
.cellpaddingl1 {padding-bottom:10px; padding-left:40px; padding-right:10px; padding-top:10px;}
.cellpaddingl2 {padding-bottom:10px; padding-left:60px; padding-right:10px; padding-top:10px;}
.cellpaddingsmall {padding-bottom:5px; padding-left:5px; padding-right:5px; padding-top:5px;}
.cellpaddinglogin {padding-bottom:10px; padding-left:10px; padding-right:30px; padding-top:30px;}
.cellpaddingApps {padding-bottom:10px; padding-left:116px; padding-right:30px; padding-top:60px;}
.cellpaddingtitle {padding-bottom:10px; padding-left:10px; padding-right:30px; padding-top:10px;}

.stretch {width:100%;}
.close {width:97%;}
.threefourths {width:75%;}
.half {width:50%;}
.quarter {width:25%;}
.CIleft {width:61px;}
.projectheight {height:250px;}
.CIcellpadding {padding-top:16px;}

h1,h2,h3,h4 {font-family:arial;}
hr {border-style:dashed; border-color:#cccccc; border-spacing:60px;}

.titlefont {font-size:x-large; font-weight:bold; color:#339999; font-style:italic;}
.subtitlefont {font-size:large; font-weight:normal; color:#666666;}
.subtitlefont2 {font-size:large; font-weight:normal; color:#ffffff;}
.label { font-size:xx-large; color:#94e1f1; font-style:italic;}
.descriptionfont {font-size:small;}
.whitetext {color:#FFFFFF;}
.textyellow2 {color: Yellow;}
.yellowtext {color: Yellow;}
.textyellow {color: Blue;}
.textgreen {color: Green;}
.textred {color:#ff0000;}
.bold {font-weight:bold;}
.uppercase {text-transform:uppercase; font-size:  smaller;}


a {color:#339999; font-family:arial; text-decoration: underline; font-weight:bold;}
a:hover {color:#000000; text-decoration:none;  font-weight:bold;}
a.login {color:#94e1f1; font-family:arial; text-decoration: underline; font-size:smaller;}
a.login:hover {color:#ffffff; font-family:arial; text-decoration: underline; font-size:smaller;}
a.CI {color:#339999; font-family:arial; text-decoration: underline;}
a.CI:hover {color:#000000; font-family:arial; text-decoration: underline;}
a.submenu {color:#a7e1f1; font-family:arial; text-decoration: none; font-weight:normal;}
a.submenu:hover {color:#ffff00; text-decoration:none;  font-weight:normal;}
a.distribute {color:#a7e1f1; font-family:arial; text-decoration: underline; font-weight:bold;}
a.distribute:hover {color:#ffff00; text-decoration:underline;  font-weight:bold;}
a.password {color:#339999; font-family:arial; text-decoration: underline; font-size:smaller;}
a.password:hover {color:#000000; font-family:arial; text-decoration: underline; font-size:smaller;}
a.addfile {color:#339999; font-family:arial; text-decoration: underline; font-size:smaller;}
a.addfile:hover {color:#000000; text-decoration:none;}


.contentContainer{padding: 0px 20px 0px 20px;} 