/*
-- 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: #e8f3f9
Blue: #5199c3
Nav Blue: #1876a9
Logo Blue: #1169c0
Link Orange: #e87e16
*/

/* Expression Engine Override */

h1
{
	color:#308ec1;
	font-size:21px;
	font-weight:normal;
	margin-bottom:6px;
}

h2
{	
	color:#308fc1;
	font-size:18px;
	font-weight:normal;
	margin-bottom:6px;	
}
h3 {
	color:#002a54;
	font-size:13px;
	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;
}

.valigntop
{
	vertical-align:top;
}

.valignbottom
{
	vertical-align:bottom;
}

.halighleft
{
	text-align:left;
}

.errorhighlight
{
	color:red;
}

/* Color */

.textdarkblue
{
	color:#00274e;
}

.textblue
{
	color:#075ebe;
}

.textblack
{
	color:Black;
}

.textgreen
{
	color:#91AB2B;
}

.textdarkgreen
{
	color:#315201;
}

.textgray
{
	color:Gray;
}

.textwhite
{
	color:White;
}

/* Background */

/* Color from Old Site
.bggreen
{
	background-color:#b2d234;
}
*/

.bgnavblue
{
	background-color:#1876a9;
}

.bggray
{
	background-color:#cccccc;
}

.bgred
{
	background-color:Red;
}

.bgblue
{
	background-color:#1169c0;
}

.bglightblue
{
	background-color:#e8f3f9;
}

.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;
}

.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;
}

.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;
}

.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 
}

.bodymargin
{
	margin:10px 30px 10px 20px;
}

/* Padding */

.paddingxxsm{padding:5px;}
.paddingxsm{padding:10px;}

.paddingtopxxsm
{
	padding-top:5px;
}

.paddingtopxsm
{
	padding-top:10px;
}

.paddingtopsm
{
	padding-top:20px;
}

.paddingtopmed
{
	padding-top:40px;
}

.paddingleftxxxsm
{
	padding-left:3px;
}

.paddingleftxxsm
{
	padding-left:5px;
}

.paddingleftxsm
{
	padding-left:10px;
}

.paddingleftsm
{
	padding-left:20px;
}

.paddingleftmed
{
	padding-left:40px;
}

.paddingleftcolumnmidx
{
	padding-left:125px;
}

.paddingleftcolumnlg
{
	padding-left:200px;
}

.paddingrightxxsm
{
	padding-right:5px;
}

.paddingrightxsm
{
	padding-right:10px;
}

.paddingrightsm
{
	padding-right:20px;
}

.paddingrightmed
{
	padding-right:40px;
}

.paddingrightlg
{
	padding-right:60px;
}

.paddingrightxlg
{
	padding-right:80px;
}

.paddingrightxxxlg
{
	padding-right:120px;
}

.paddingbottomxxxsm
{
	padding-bottom:3px;
}

.paddingbottomxxsm
{
	padding-bottom:5px;
}

.paddingbottomxsm
{
	padding-bottom:10px;
}

.paddingbottomsm
{
	padding-bottom:20px;
}

.paddingbottomlg
{
	padding-bottom:60px;
}

.paddingbottomxxxlg
{
	padding-bottom:120px;
}

/* Position */
.floatleft
{
	float:left;
}

.floatright
{
	float:right;
	text-align:left;
}

.clear
{
	clear:both;
}

/* Column */
.columnsm
{
	width:50px;
}

.columnmid
{
	width:100px;
}

.columnmidx
{
	width:125px;
}

.columnmidxxspecial
{
	width:145px;
}

.columnmidxx
{
	width:150px;
}

.columnmidxxx
{
	width:175px;
}

.columnlg
{
	width:200px;
}

.columnlgx
{
	width:225px;
}

.columnlgxx
{
	width:250px;
}

.columnlgxxx
{
	width:275px;
}

.columnxlg
{
	width:300px;
}

.columnxlgx
{
	width:325px;
}

.columnxlgxx
{
	width:350px;
}

.columnxlgxxx
{
	width:375px;
}

.columnxxlg
{
	width:400px;
}

.columnxxlgxx
{
	width:450px;
}

.columnxxxlg
{
	width:500px;
}

.columnxxxlgx
{
	width:525px;
}

.columnxxxlgxx
{
	width:550px;
}

.columnxxxxlg
{
	width:600px;
}

.columnxxxxxlg
{
	width:700px;
}

.columnxxxxxlgx
{
	width:725px;
}

.columnxxxxxlgxx
{
	width:750px;
}

.columnxxxxxlgxxx
{
	width:775px;
}

/* Column Height */

.columnheightlg
{
	height:200px;
}

.columnheightlgxx
{
	height:250px;
}

.columnheightxlg
{
	height:300px;
}

.columnheightxxxlg
{
	height:500px;
}

/* Height */

.heightsm
{
	height:20px;
}

.heightmed
{
	height:40px;
}

.heightlg
{
	height:60px;
}

/* 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;
}

.altergridrow
{
	background-color:#CCCCCC;
}

.selectedgridrow
{
	background-color:#F8E74F;
}

.gridcolumnheader
{
	font-size:12px;
}

.gridrow
{
	font-size:11px;
}

/* CheckBoxList */

.list td
{
	width:120px;
}

/* Popover */

.mask  
{
	background-color:#999; 
    opacity:0.4; 
    filter:progid:DXImageTransform.Microsoft.Alpha(style=0,opacity=40) 
}

.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 
}

.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 
}