@import "OutputMenuSettings.css";
@import "ultrawide.css";

/************************************************************/
/* Base Styles                                              */
/************************************************************/
body
{
    background-color: #ffffff;
}

/************************************************************/
/* HeaderRgn Styles											*/
/************************************************************/
#OuterHeaderRgn
{
	margin:auto;
	width:766px;
	max-width:766px;
	max-height:67px;
	height:67px;
	_height:67px;
	overflow:hidden;
}

#InnerHeaderRgn
{
	background-color:#5a4099;
}

#InnerHeaderTbl
{
	margin:auto;
	width:766px;
	overflow:hidden;	
}

/* END: HeaderRgn Styles */


/************************************************************/
/* MenuRgn Styles											*/
/************************************************************/

#MenuRgn
{
	width:165px;
	_width:165px;
	max-width:165px;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
	background-color:#5A4099;
	vertical-align:middle;
}

#CentralImageRgn
{
	width:392px;
	_width:392px;
	max-width:392px;
	overflow:hidden;
	border-right:solid 2px #ffffff;
}

#TagLineRgn
{
	width:201px;
	_width:201px;
	max-width:201px;
	overflow:hidden;
	border-right:solid 2px #ffffff;
	color:#ffffff;
	vertical-align:middle;
	line-height:22px;
}

#InnerHeaderTbl .PanelWrapper,
#InnerHeaderTbl .EditorPanel
{
	height:218px;
	_height:218px;
	min-height:218px;
	max-height:218px;
}

/************************************************************/
/* BodyRgn Styles											*/
/************************************************************/

#BodyRgn
{
	width:766px;
	margin:auto;
}

#BodyRgn #LeftPanelRgn
{
	vertical-align:top;
	width:180px;
	height:auto;
	border-left:solid 2px #ffffff;
	border-right:solid 2px #ffffff;
}


#LeftPanelRgn .PanelWrapper
{
    width: 180px;
    min-width: 180px;
}

/* to avoid overflow in extra space -- issue 6969 - Template Panels Width Has Changed  */
#MainPanelRgn .PanelWrapper 
{
    width: 580px;
    overflow: hidden;
}

.wide #BodyRgn #MainPanelRgn .PanelWrapper 
{
    width: 764px !important;
    overflow: hidden;
}

#BodyRgn #MainPanelRgn
{
	vertical-align:top;
	border-right:solid 2px #ffffff;
	height:auto;
	_height:100px;
	min-height:100px;
}

#BodyRgn .EditorPanel
{
	height:auto;
	_height:100px;
	min-height:100px;
	vertical-align:top;
	font-family:Verdana, Arial;
	font-size:12px;
	color:#666666;
	padding:2px;
	overflow-x:hidden;
}

#BodyRgn #MainPanelRgn .EditorPanel
{
	padding:20px;
	font-family:Verdana, Arial;
	font-size:12px;
	color:#666666;
}


#BodyRgn .EditorPanel ul, 
#BodyRgn .EditorPanel ol
{
    padding: 0px !important;
    margin: 0px 0px 0px 20px !important;
}

#BodyRgn .EditorPanel ul li, 
#BodyRgn .EditorPanel ol li
{
    padding: 0px !important;
    margin: 0px 0px 0px 15px !important;
}

/* END: BodyRgn Styles */

/************************************************************/
/* SecondMenuRgn Styles											*/
/************************************************************/

#SecondMenuRgn
{
	width:764px;
	margin:auto;
	height:auto;
	_height:22px;
	min-height:22px;
}

#SecondMenuRgn .PanelWrapper;
{
	height:auto;
	_height:22px;
	min-height:22px;
}

#SecondMenuRgn .EditorPanel
{
	height:auto;
	_height:22px;
	min-height:22px;
	/*Issue 6788 -- hide bottom border // border-bottom:solid 1px #666666;*/
}

#SecondMenuRgn .EditorPanel a
{
	padding:5px 0px 5px 0px;
	line-height:21px;
}

/* END: SecondMenuRgn Styles */

/************************************************************/
/* FooterRgn Styles											*/
/************************************************************/

#FooterRgn
{
	width:766px;
	margin:auto;
	height:40px;
	min-height:40px;
	_height:40px;
	background-color:#5a4099;
}

#FooterRgn .PanelWrapper
{
	vertical-align:middle;
}

#FooterRgn .EditorPanel
{
	font-family:Verdana, Arial;
	color:#ffffff;
	height:20px;
	_height:20px;
	min-height:20px;
	vertical-align:middle;
	padding:3px;
	padding-top:0px;
	
}

/* END: FooterRgn Styles */

#LoginLink,
#LoginLink a
{
	width: 766px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
    position: relative;
	color: #666666 !important;
	font-size: 13px !important;
	font-family: Verdana, Arial !important;
	text-decoration: none !important;
}

#LoginLink a:hover
{
	text-decoration: underline !important;
}

/************************************************************/
/* WTPPowerByLink Styles                                    */
/************************************************************/

#WTPPowerByLink
{
	width: 766px;
	margin:auto;
	color: #000000;
	font-size:10px;
	font-family:Arial;
	margin-top: 10px;
	text-align: right;
	display:none;
}

#WTPPowerByLink a
{
	color: #000000;
	font-size:10px;
	font-family: Arial;
	text-decoration: underline !important;
}

#WTPPowerByLink a:hover
{
	text-decoration: underline !important;
}