﻿/*
-- Old Colors
Light Green Buttons:#deedbc
Dark Blue Button Tabs: #34538d
Gray Background: #f7f7f7
Dark Gray: #cccccc;
Dark Green Text:#315201
Red Bullets:#e11516
Dark Blue Text: #00265b
Blue Background:#075ebe
Green Background:#b2d234
Dark Blue Logo: #002e6e

-- New Colors
Light Blue: #002a54
Blue: #5199c3
Nav Blue: #1876a9
Logo Blue: #1169c0
Link Orange: #e87e16
*/

/* Expression Engine Override */

h1
{
	color:#e87e16;
	padding: 2px 5px 2px 10px;
	font-size:16px;
	font-weight:bold;
	margin-bottom:6px;
}

h2
{	
	color:#002e67;
	font-size:14px;
	font-weight:normal;
	margin-bottom:6px;	
}
h3 {
	color:#002e67;
	font-size:13px;
	font-weight:normal;
	margin-bottom:8px;
}
h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
}

.h1
{
    color:#e87e16;
	font-size:16px;
	font-weight:bold;
	margin-bottom:6px;
}
.h2
{	
	color:#002e67;
	font-size:18px;
	font-weight:normal;
	margin-bottom:6px;	
}
.h3 {
	color:#002e67;
	font-size:16px;
	font-weight:normal;
	margin-bottom:8px;
}
.h4 {
	font-size:12px;
	font-weight:bold;
	margin-bottom:12px;
}


/* Generic Classes */

.bordernone
{
	border-style:none;
}

.displaynone
{
	display:none;
}

.displayinlineblock
{
	display: inline-block;
}

.valigntop
{
	vertical-align:top;
}

.valignbottom
{
	vertical-align:bottom;
}

.haligncenter
{
	text-align:center;
}

.halighleft
{
	text-align:left;
}

.halignright
{
	text-align:right;
}

.errorhighlight
{
	color:red;
}

.handcursor
{
    cursor:pointer;
}
.handhelp
{
    cursor:help;
}

.underline
{
    text-decoration:underline;
}

/* Color */

.textdarkblue
{
	color:#00274e;
}

.textblue
{
	color:#075ebe;
}

.textblack
{
	color:Black;
}

.textgreen
{
	color:#91AB2B;
}

.textdarkgreen
{
	color:#315201;
}

.textgray
{
	color:Gray;
}

.textred
{
	color: Red;
}

.textwhite
{
	color:White;
}

/* Background */

/* Color from Old Site
.bggreen
{
	background-color:#b2d234;
}
*/

.bgaquablue
{
	background-color: #0197c8;
}

.bgnavblue
{
	background-color:#1876a9;
}

.bggray
{
	background-color:#cccccc;
}

.bgred
{
	background-color:Red;
}

.bglightred
{
	background-color:#ff9966;
}

.bgblue
{
	background-color:#1169c0;
}

.bgwhite
{
	background-color:White;
}

.alertgreen
{
	background-color: #55cc55;
}

.alertyellow
{
	background-color: #ffff88;
}

.alertorange
{
	background-color: #ffbb66;
}

.alertred
{
	background-color: #ff3333;
}

/* Border */
.bordergray
{
	border: solid 2px #cccccc;
}

.bordergreen
{
	border: solid 2px #b2d234;
}

.borderdarkblue{border: 2px solid #1876a9;}

.borderleftgray
{
	border-left:solid 2px #cccccc;
}

.borderrightgray
{
	border-right:solid 2px #cccccc;
}

/* Lists */

.listnontype ul
{
	list-style-type:none;
}

.horizontal ul
{
	list-style-type:none;
}

.horizontal li
{
	display:inline;
}

.listpadbotxxsm li
{
	padding-bottom:5px;
}

.listspacesm li
{
	height:20px;
}

.listspacemid li
{
	height:40px;
}

/* Text/Labels */
.textareaheightsm
{
	overflow:auto;
	height:300px;
}

.textareawidthsm
{
	width:350px;
}

.textareawidthmid
{
	width:450px;
}

.textareaheightlg
{
	overflow:auto;
	height:500px;
}

.textareaxxsm
{
	width:250px;
	height:65px;
	display:block;
	overflow:auto;
}

.textareaxsm
{
	overflow:auto;
	height:250px;
	width:225px;
}

.textareasm
{
	overflow:auto;
	width:350px;
	height:100px;
}

.textareafull
{
	overflow:auto;
	width:100%;
	height:200px;
}

.textareamid
{
	width:450px;
	height:65px;
	display:block;
	overflow:auto;
}

.lableareamid
{
	border:none;
	width:450px;
	display:block;
}

.textboxsm
{
	width:50px;
}

.textboxmed
{
	width:200px;
}

/* Font */
.bold
{
	font-weight:bold;
}

.textsm
{
	font-size:10px;
}

.textmid
{
	font-size:12px;
}

.textlg
{
	font-size:14px;
}

/* Margin */

.marginxxsm
{
	margin:5px;
}

.marginxsm
{
	margin:10px;
}

.marginrightxxsm 
{ 
	margin-right:5px 
}

.marginleftxxsm 
{ 
	margin-left:5px 
}

.bodymargin
{
	margin:10px 30px 10px 20px;
}

/* Padding */

.paddingxxsm{padding:5px;}
.paddingxsm{padding:10px;}

/*==================================================================================================*/
/* Padding Top */
/*==================================================================================================*/
.paddingtopxxsm
{
	padding-top:5px;
}

.paddingtopxsm
{
	padding-top:10px;
}

.paddingtopsm
{
	padding-top:20px;
}

.paddingtopmed
{
	padding-top:40px;
}

.paddingtoplg
{
	padding-left:60px;
}

.paddingtopxlg
{
	padding-left:80px;
}

.paddingtopxxlg
{
	padding-left:100px;
}

.paddingtopxxxlg
{
	padding-right:120px;
}

/*==================================================================================================*/
/* Padding Left */
/*==================================================================================================*/
.paddingleftxxxsm
{
	padding-left:3px;
}

.paddingleftxxsm
{
	padding-left:5px;
}

.paddingleftxsm
{
	padding-left:10px;
}

.paddingleftsm
{
	padding-left:20px;
}

.paddingleftmed
{
	padding-left:40px;
}

.paddingleftlg
{
	padding-left:60px;
}

.paddingleftxlg
{
	padding-left:80px;
}

.paddingleftxxlg
{
	padding-left:100px;
}

.paddingleftxxxlg
{
	padding-right:120px;
}



/*==================================================================================================*/
/*Padding Left Column */
/*==================================================================================================*/

.paddingleftcolumnmidx
{
	padding-left:125px;
}

.paddingleftcolumnmidxx
{
	padding-left:150px;
}

.paddingleftcolumnlg
{
	padding-left:200px;
}

/*==================================================================================================*/
/* Padding Right */
/*==================================================================================================*/

.paddingrightxxsm
{
	padding-right:5px;
}

.paddingrightxsm
{
	padding-right:10px;
}

.paddingrightsm
{
	padding-right:20px;
}

.paddingrightmed
{
	padding-right:40px;
}

.paddingrightlg
{
	padding-right:60px;
}

.paddingrightxlg
{
	padding-right:80px;
}

.paddingrightxxlg
{
	padding-right:100px;
}

.paddingrightxxxlg
{
	padding-right:120px;
}


/*==================================================================================================*/
/*Padding Bottom
/*==================================================================================================*/
.paddingbottomxxxsm
{
	padding-bottom:3px;
}

.paddingbottomxxsm
{
	padding-bottom:5px;
}

.paddingbottomxsm
{
	padding-bottom:10px;
}

.paddingbottomsm
{
	padding-bottom:20px;
}

.paddingbottommd
{
	padding-bottom: 40px;
}

.paddingbottomlg
{
	padding-bottom:60px;
}

.paddingbottomxlg
{
	padding-right:80px;
}

.paddingbottomxxlg
{
	padding-right:100px;
}

.paddingbottomxxxlg
{
	padding-right:120px;
}

.paddingbottomxxxlg
{
	padding-bottom:120px;
}

/* Position */
.floatleft
{
	float:left;
}

.floatright
{
	float:right;
	text-align:left;
}

.clear
{
	clear:both;
}

/* Column */
.columnsm
{
	width:50px;
}

.columnxmid
{
	width: 75px;
}

.columnmid
{
	width:100px;
}

.columnmidx
{
	width:125px;
}

.columnmidxxspecial
{
	width:145px;
}

.columnmidxx
{
	width:150px;
}

.columnmidxxx
{
	width:175px;
}

.columnlg
{
	width:200px;
}

.columnlgx
{
	width:225px;
}

.columnlgxx
{
	width:250px;
}

.columnxlg
{
	width:300px;
}

.columnxlgx
{
	width:325px;
}

.columnxlgxx
{
	width:350px;
}

.columnxlgxxx
{
	width:375px;
}

.columnxxlg
{
	width:400px;
}

.columnxxxlg
{
	width:500px;
}

.columnxxxlgx
{
	width:525px;
}

.columnxxxlgxx
{
	width:550px;
}

.columnxxxxlg
{
	width:600px;
}

.columnxxxxxlg
{
	width:700px;
}

.columnxxxxxlgx
{
	width:725px;
}

.columnxxxxxlgxx
{
	width:750px;
}

.columnxxxxxlgxxx
{
	width:775px;
}

.columnxxxxxlgxxxx
{
	width: 800px;
}

/* Column Height */

.columnheightlg
{
	height:200px;
}

.columnheightlgxx
{
	height:250px;
}

.columnheightxlg
{
	height:300px;
}

.columnheightxxxlg
{
	height:500px;
}

/* Height */

.heightsm
{
	height:20px;
}

.heightsmx
{
	height:30px;
}

.heightmed
{
	height:40px;
}

.heightlg
{
	height:60px;
}

/* Custom Tab */
.tabactive SPAN
{
	background: url(../images/tab.png) no-repeat;
	background-position: 0px -50px;
	padding: 7px 3px 3px 3px;
}

.tabactive A
{
	background: url(../images/tab.png) no-repeat;
	background-position: 100% -150px;
	padding: 7px 3px 3px 0px;
}

.tabinactive SPAN
{
	background: url(../images/tab.png) no-repeat;
	background-position: 0px 0px;
	padding: 7px 3px 3px 3px;
}

.tabinactive A
{
	background: url(../images/tab.png) no-repeat;
	background-position: 100% -100px;
	padding: 7px 3px 3px 0px;
}

/* Validation Summary */
.validationsummary
{
	color:Black;
	font-weight:bold;
}

.validationsummary li
{
	color:Red;
	font-weight:normal;
	list-style-type:circle;
}

/* WizardNavigation */

.wizardbuttonsm
{
	font:bold;
	font-size:15px;
	color:#002a54;
}

.wizardbutton
{
	font:bold;
	font-size:20px;
	color:#002a54;
}

.wizardbuttondisabled
{
	font:bold;
	font-size:20px;
	color:gray;
	border:none;
	outline-style:none;
	background-color:Transparent;
}

/* WizardStep UserControl */

.stepactive:link
{
	color:#002a54;
	text-decoration:none;
	font-weight:bold;
}

.stepactive
{
	color:#002a54;
	text-decoration:none;
	font-weight:bold;
}

.stepinactive
{
	color:#00265B;
}

/* GridView */

.gridviewmed
{
	width:640px;
	font-size:11px;
}

.gridview
{
	width:675px;
	font-size:11px;
}

.gridview td
{
	padding:4px;
}

.gridviewlg
{
	width:890px;
	font-size:11px;
}

.gridviewlg td
{
	padding:4px;
}

.gridviewnolimit
{
	font-size:11px;	
	width:100%;
}

.gridviewnolimit td
{
	padding:4px;
}

.altergridrow
{
	background-color:#CCCCCC;
}

.selectedgridrow
{
	background-color:#F8E74F;
}

.gridcolumnheader
{
	font-size:12px;
}

.gridcolumnheadercolor
{
    background-color:#1876A9;
    color:#ffffff;
    font-weight:bold;
}
.gridrow
{
	font-size:11px;
}

/* CheckBoxList */

.list td
{
	width:120px;
}

.listxxxx td
{
	width:200px;
}

/* Popover */

.mask  
{
	background-color:#999; 
	opacity:0.4; 
	filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=40);
	z-index: 1999 !important;
}
.popup
{
	z-index: 2000 !important;
}

/*.potplt { background:url(../images/layout/po_top_left.gif) no-repeat; border-collapse:collapse; width:12px; height:12px }
.potpmid { background:url(../images/layout/po_top_repeat.gif) repeat-x; height:12px }
.potprt { background:url(../images/layout/po_top_right.gif) no-repeat; width:12px; height:12px }
.polbrdr { background:#fff url(../images/layout/po_border_left.gif) repeat-y left; width:5px }
.pobdyfill { background:#fff url(../images/layout/po_body_gradient.gif) repeat-x bottom; width:7px; border-collapse:collapse }*/
.pobdy { background-color:White; border-collapse:collapse; padding:10px; /*white-space:nowrap*/ }
/*.pobdy .ctydivider { background:url(../images/layout/dots.gif) repeat-x center; margin:2px 0 0 0; padding:12px 0 12px 0 }
.porbrdr { background:#fff url(../images/layout/po_border_right.gif) repeat-y right; width:5px }
.pobtmlt { background:url(../images/layout/po_bottom_left.gif) no-repeat; width:12px; height:12px }
.pobtmmid { background:url(../images/layout/po_bottom_repeat.jpg) repeat-x; height:12px }
.pobtmrt { background:url(../images/layout/po_bottom_right.gif) no-repeat; width:12px; height:12px }*/
.poxxxxsmall { width:250px }
.poxxxsmall { width:300px }
.poxxsmall { width:350px }
.poxsmall { width:400px }
.posmall { width:450px }
.pomedium { width:500px }
.polarge { width:550px }
.poxlarge { width:600px }
.poxxlarge { width:650px }
.poxxxlarge { width:700px }
.poxxxxlarge { width:750px }

/* Used for popovers that need to grow horizontally and vertically without a set width */
.po { position:absolute; display:none; z-index:200; background-color:White; }
/*.po .tplt { background:url(../images/layout/po_top_left.gif) no-repeat; width:12px; height:12px }
.po .tpmid { background:url(../images/layout/po_top_repeat.gif) repeat-x; height:12px }
.po .tprt { background:url(../images/layout/po_top_right.gif) no-repeat; width:12px; height:12px }
.po .lbrdr { background:#fff url(../images/layout/po_border_left.gif) repeat-y left; width:5px }
.po .bdyfill { background:#fff url(../images/layout/po_body_gradient.gif) repeat-x bottom; width:7px }
.po .bdy { background:#fff url(../images/layout/po_body_gradient.gif) repeat-x bottom; padding:10px 20px; text-align:left; font-size:1.1em*/ /*white-space:nowrap*/ /*}
.po .calbdy { background:#fff url(../images/layout/po_body_gradient.gif) repeat-x bottom; padding:10px 8px; text-align:left; font-size:1.1em }*/
.po .bdy td, .po .calbdy td { font-size:1em }
.po .bdy .cty { padding:0 0 3px 0 }
.po .bdy .ctydivider { background:url(../images/layout/dots.gif) repeat-x center; margin:2px 0 0 0; padding:12px 0 12px 0 }
/*.po .rbrdr { background:#fff url(../images/layout/po_border_right.gif) repeat-y right; width:5px }
.po .btmlt { background:url(../images/layout/po_bottom_left.gif) no-repeat; width:12px; height:12px }
.po .btmmid { background:url(../images/layout/po_bottom_repeat.jpg) repeat-x; height:12px }
.po .btmrt { background:url(../images/layout/po_bottom_right.gif) no-repeat; width:12px; height:12px }*/

/* Error Display */

.error label, label.error 
{ 
	color:#a40025 
}

div.errorlist ul li
{
	list-style-position:outside;
	list-style-image: url(../images/dot.gif);
}

.error input, .error select, .error textarea, input.error, select.error, textarea.error 
{ 
	/* TODO: Get Image 
	background-image:url(../images/layout/inputbox_error.gif); 
	*/
	background-color:#ff7f7e 
}

.tablepaddingxxsm
{
	border-collapse: collapse; 
	border: solid 1px #bbbbbb;
}

.tablepaddingxxsm tr td
{
	border: solid 1px #bbbbbb;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}


/* used on the AssociateDocumentList.asxcx */
.highlightselectedtablerow
{
	background-color: #AFD5FF;
}

.hovertablerow
{
	background-color: #F8E74F;
}

.searchbox
{
    background-color:#1876A9;
    color:#fff;   
}

.searchbox a
{
    color:#fff;
    text-decoration:none;   
}


