/* Style sheet file for eFreighsolutions */
/* Characteristics: */
/* - Different shades of grey (background #FAFAFA) */
/* - Fixed sized menu, flexible main (body, xqh_PageHeader, xqh_PageContent and xqh_PageFooter) */
/* - No visible group of columns (xqh_GroupOfColumns) */
/* - Visible tab groups (xqh_TabContainer and xqh_TabsSubstitute) */
/* - Visible subject groups (xqh_SubjectGroup) */
/* - Label left and field right (xqh_LabelFieldPair) */

/* Olof Rydergren and Robert Nilsson Spize IT 2006-09-08 */

/*****************************************************************
* Default page settings
******************************************************************/

/* Centers fixed size page on a background image */
body { margin: 0; text-align: center; font-family: verdana,arial,sans-serif; font-size:70%; font-weight: normal; text-decoration: none; text-transform: none; color: #000000; line-height:16px; }

a { color: #000084; }
p { margin-bottom: 13px; margin-top: 0; }
h1 { margin: 0 0 10px 0; font-family: verdana,arial; font-size: 22px; font-weight: normal; color: #0075BA; clear: both; }
h2 { margin: 0 0 2px 0; font-family: verdana,arial; font-size: 14px; font-weight: bolder; color: #0075BA; }
h3 { margin: 0 0 2px 0; font-family: verdana,arial; font-size: 12px; color: #0075BA; }
hr.Clear { display: block; clear: both; margin: 0; visibility: hidden; }

table { border-collapse: collapse; }
td { vertical-align: top; padding: 2px; }

/*****************************************************************
* Master pages
******************************************************************/

/* -- Page body (xqh_PageHeader - top, Menu - left, Main - right, xqh_PageFooter - bottom) -- */
.xqh_PageBody {}
.xqh_PageBody .xqh_PageHeader {width:951px;margin:0 auto;height:140px;padding:20px 24px 0 39px;color:#ffffff;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Header.png);}
.xqh_PageBody .xqh_PageContent {width:963px;margin:0 auto;padding:10px 24px 20px 27px;clear:both;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Body.png);}
.xqh_PageBody .xqh_PageContent .xqh_MenuContainer {position:relative;width:190px;float:left;padding:0 0 0 0;background-color:#ffffff;}
.xqh_PageBody .xqh_PageContent .xqh_MainContainer {position:relative;width:727px;float:right;padding:0 10px 0 0;margin:0 5px 0 10px;background-color:#ffffff;}
.xqh_PageBody .xqh_PageFooter {width:966px;padding:1px 24px 0 24px;height:48px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Footer.png);}

/*****************************************************************
* Page columns
******************************************************************/

/* -- Group of columns table - visible headers and borders (dynamic number of form columns) -- */
.xqh_GroupOfColumns {border:2px solid #0075ba;margin:0 0 10px 0;}
.xqh_GroupOfColumns th {padding:5px 10px 5px 5px;background-color:#0075ba;color:#ffffff;font-family:Arial;font-size:18px;font-weight:normal;border-right:2px solid #0075ba;}
.xqh_GroupOfColumns td {border:2px solid #0075ba;padding:5px 10px 5px 20px;margin:0}

/*****************************************************************
* Page columns no dividing line
******************************************************************/

/* -- Group of columns table - visible headers and borders (dynamic number of form columns) -- */
.xqh_GroupOfColumnsNoDivider {border:2px solid #0075ba;margin:0 0 10px 0;}
.xqh_GroupOfColumnsNoDivider th {padding:5px 10px 5px 5px;background-color:#0075ba;color:#ffffff;font-family:Arial;font-size:18px;font-weight:normal;border-right:2px solid #0075ba;}
.xqh_GroupOfColumnsNoDivider td {padding:5px 10px 5px 5px;margin:0}

/*****************************************************************
* frmHelpViewer.aspx
******************************************************************/

.xqh_BoxInformation {position:relative;width:100%;margin:0 0 -10px 0;}
.xqh_BoxInformation .Content {color:#000000;position:relative;width:100%;top:0px;margin:0 4px 0 4px;background:url(Images/Images_NoText/Icons/icon_Information.gif) no-repeat top left;background-color:#EAEAEA;padding:5px 8px 5px 32px;}
.xqh_BoxInformation .BorderTopLeft {width:100%;height:4px;background:url(Images/Images_NoText/Box/img_Info_BorderTopLeft.gif) no-repeat left bottom;}
.xqh_BoxInformation .BorderTopRight {width:100%;height:4px;background:url(Images/Images_NoText/Box/img_Info_BorderTopRight.gif) no-repeat right bottom;}
.xqh_BoxInformation .BorderTop	{width:100%;height:4px;margin:0 4px 0 4px;background:url(Images/Images_NoText/Box/img_Info_BorderTop.gif) left bottom repeat-x;}
.xqh_BoxInformation .BorderBottomLeft {width:100%;height:4px;background:url(Images/Images_NoText/Box/img_Info_BorderBottomLeft.gif) no-repeat left top;}
.xqh_BoxInformation .BorderBottomRight {width:100%;height:4px;background:url(Images/Images_NoText/Box/img_Info_BorderBottomRight.gif) no-repeat right top;}
.xqh_BoxInformation .BorderBottom {width:100%;height:4px;margin:0 4px 0 4px;background:url(Images/Images_NoText/Box/img_Info_BorderBottom.gif) top left repeat-x;}
.xqh_BoxInformation .BorderLeft {height:100%;background:url(Images/Images_NoText/Box/img_Info_BorderLeft.gif) repeat-y top left;}
.xqh_BoxInformation .BorderRight {height:100%;background:url(Images/Images_NoText/Box/img_Info_BorderRight.gif) repeat-y top right;}

/*****************************************************************
* wucMenu.ascx (provider specific)
******************************************************************/

.p_MenuContainer {width:200px;margin:0 0 0 0;}
.p_MenuContainer .p_Menu {margin:0 0 8px 0;padding:0;line-height:22px;list-style-type:none;}

/*****************************************************************
* wucMenu.ascx (provider specific)
******************************************************************/

.p_Box {padding:0 0 0 5px;margin-top:10px;clear:both;color:#ffffff;}
.p_Box .p_ContentContainer {width:186px;margin:auto;padding:0px 5px 0px 15px;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxBodyBlue.png);}
.p_Box .p_ContentContainer* {position:relative;}
.p_Box .p_Header {width:206px;margin:0 auto;height:12px;padding:0 0 0 0;color:#ffffff;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxHeaderBlue.png);}
.p_Box .p_Header* {position:relative;}
.p_Box .p_Footer {width:206px;padding:0 0 0 0;height:12px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxFooterBlue.png);}
.p_Box h2 {color:#ffffff;}

/*****************************************************************
* wucMenu.ascx (provider specific)
******************************************************************/

.p_PuffBox {padding:0 0 0 5px;margin-top:10px;clear:both;}
.p_PuffBox .p_ContentContainer {width:186px;margin:0 auto;padding:0px 5px 0px 15px;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxBody.png);}
.p_PuffBox .p_ContentContainer* {position:relative;}
.p_PuffBox .p_Header {width:206px;margin:0 auto;height:12px;padding:0 0 0 0;color:#ffffff;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxHeader.png);}
.p_PuffBox .p_Header* {position:relative;}
.p_PuffBox .p_Footer {width:206px;padding:0 0 0 0;height:12px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_BoxFooter.png);}

/*****************************************************************
* Styles for printing
******************************************************************/
@media print
{
	body {background-color:#ffffff;color:#000000;margin:0;text-align:left;font-family:verdana,arial,sans-serif;font-size:10pt;font-weight:normal;text-decoration:none;text-transform:none;line-height:normal;}	
	.Button {display:none;}
	
	.xqh_PageBody {width:auto;}
	.xqh_PageBody .xqh_PageHeader {display:none;}
	.xqh_PageBody .xqh_PageContent {margin:0 10px 0 0;color:#000000;}
	.xqh_PageBody .xqh_PageContent .xqh_MenuContainer {display:none;}
	.xqh_PageBody .xqh_PageContent .xqh_MainContainer {float:none;width:100%;color:#000000;}
	.xqh_PageBody .xqh_PageFooter {display:none;}
	
	.xqh_PageBody_Popup {width:auto;}
	.xqh_PageBody_Popup .xqh_PageHeader {display:none;}
	.xqh_PageBody_Popup .xqh_PageContent {margin:0 10px 0 0;}
	.xqh_PageBody_Popup .xqh_PageContent .xqh_MenuContainer {display:none;}
	.xqh_PageBody_Popup .xqh_PageContent .xqh_MainContainer {float:none;width:100%;}
	.xqh_PageBody_Popup .xqh_PageFooter {display:none;}
	
	.xqh_DetailTabInfo {display:none;}
	.xqh_DetailFooter {display:none;}
	.xqh_SearchResultFooter {display:none;}
	
	.xqh_DropDownMenu {display:none;}
	.xqh_TabNavigator {display:none;}
	.xqh_TabContainer {background-color:#ffffff;}
	.xqh_PageToolBar {display:none;}
	.xqh_NavigationMenu {display:none;}
	
	.xqh_DataTable td {color:#000000;}
	.xqh_DataTable {width:auto;font-size:8pt;}
	.xqh_DataTable tr.ListHeader td {font-size:8pt;color:#000000;background-color:#eeeeee;font-weight:bold;}
	.xqh_DataTable tr.ListBody td {font-size:8pt;color:#000000;background-color:#ffffff;}
	.xqh_DataTable tr.ListBodyAlternate td {font-size:8pt;color:#000000;background-color:#eeeeee;}
	
	.xqh_DataTable tr.dtHeader td {font-size:8pt;color:#000000;background-color:#eeeeee;font-weight:bold;border-bottom:1px solid #000000;}
	.xqh_DataTable tr.dtHeader td a {color:#000000;}
	.xqh_DataTable tr.dtAlterRow td {font-size:8pt;color:#000000;background-color:#eeeeee;}
	
	.xqh_TabContainer .tabTL {display:none;}
	.xqh_TabContainer .tabBL {display:none;}
	.xqh_TabContainer .tabL {background:none;}
	.xqh_TabContainer .tabR {background:none;}
	.xqh_TabContainer .tabContent {background-color:#ffffff;}
	
	.xqh_SubjectGroup .subjgrTL {display:none;}
	.xqh_SubjectGroup .subjgrBL {display:none;}
	.xqh_SubjectGroup .subjgrL {background:none;}
	.xqh_SubjectGroup .subjgrR {background:none;}
	.xqh_SubjectGroup .subjgrContent {background-color:#ffffff;}
	
	.xqh_fkBlock {border-top:2px solid #000000;}
}


/* Style sheet for the Login components */

#objLoginBody { background-color: #E2E2E2; background-image: none; }

.xqh_LoginBox {margin:20px 0 0 0;}
.xqh_LoginBox .loginHeader {width:360px;height:70px;padding:0;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Login/bkg_LoginHeader_Spize_70px.gif);color:#ffffff;}
.xqh_LoginBox .loginHeader* {position:relative;}
.xqh_LoginBox .loginContent {width:320px;margin:0 auto;padding:10px 20px 0 20px;clear:both;text-align:left;background-image:url(Images/Images_NoText/Login/bkg_LoginBody.gif);}
.xqh_LoginBox .loginContent* {position:relative;}
.xqh_LoginBox .loginFooter {width:340px;height:7px;padding:15px 0 10px 20px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Login/bkg_LoginFooter.gif);background-repeat:no-repeat;color:#6f6f6f;}

/* -- Label to the left (right aligned) and field to the right (same row) -- */
.loginLabelFieldPair {position:relative;padding:2px 0 2px 0;text-align:left;}
.loginLabelFieldPair .loginFieldLabel {position:relative;float:left;width:100px;padding:2px 5px 0 0;text-align:right;color:#000000;font-size:12px;}
.loginLabelFieldPair .loginField {}

.loginButtonsContainer {text-align:right;padding:5px 5px 0px 0;}
.loginButtonsContainer .loginRememberMe {float:left;padding:0 0 0 104px;}
.loginButtonsContainer .loginButton {float:right;}

.loginForgotPasswordContainer {padding:3px 0 0 0;clear:both;}
.loginForgotPasswordContainer a {font-size:1.1em;line-height:1.5em;padding-left:11px;background:url(Images/Images_NoText/arrow_orange_link.gif) no-repeat 0px 4px;display:block;}
.loginForgotPasswordContainer a:link {background:url(Images/Images_NoText/Login/icon_Link.gif) no-repeat 0px 4px;color:#ff6600;text-decoration:none;}
.loginForgotPasswordContainer a:hover {background:url(Images/Images_NoText/Login/icon_Link.gif) no-repeat 0px 4px;color:#ff6600;text-decoration:underline;}
.loginForgotPasswordContainer a:visited {background:url(Images/Images_NoText/Login/icon_Link.gif) no-repeat 0px 4px;color:#ff6600;text-decoration:none;}

.xqh_LoginInfoBox {margin:60px 0 0 0;}
.xqh_LoginInfoBox .logininfoHeader {width:360px;height:13px;padding:0;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Login/bkg_LoginHeader_Spize_70px.gif);}
.xqh_LoginInfoBox .logininfoHeader* {position:relative;}
.xqh_LoginInfoBox .logininfoContent {width:320px;margin:-1px auto;padding:10px 20px 10px 20px;clear:both;text-align:left;font-size:small;background-image:url(Images/Images_NoText/Login/bkg_LoginInfoBody.gif);}
.xqh_LoginInfoBox .logininfoContent* {position:relative;}
.xqh_LoginInfoBox .logininfoContent .logininfoButtonContainer {text-align:right;padding:10px 0 0 0;}
.xqh_LoginInfoBox .logininfoFooter {width:340px;height:7px;padding:15px 0 10px 20px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Login/bkg_LoginInfoFooter.gif);background-repeat:no-repeat;color:#6f6f6f;}

.swpLogin .Content .UserNamePasswordBlock .LoginButton {clear:left;text-align:right;padding:0 5px 0 0;}
.swpLogin .Content .UserNamePasswordBlock .LoginButton .lnkLogin {}


/*****************************************************************
* GridView main
******************************************************************/
.xqh_GridView .Header
{
  color: #FFFFFF;
  background-color: #577CFD;
  font-weight: bold;
}
.xqh_GridView .DetailView
.xqh_GridView .EditView
.xqh_GridView .RowStyle { color: #EFF3FB; }

.xqh_GridView tr.dtHeader
{
  font-size: 8pt;
  color: #000000;
  background-color: #eeeeee;
  font-weight: bold;
  border-bottom: 1px solid #000000;
}

.xqh_GridView tr
{
  color: #000000;
  background-color: #FFFFFF;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_GridView tr.alternate
{
  color: #000000;
  background-color: #F8F8F8;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_GridView tr.edit
{
  color: #000000;
  background-color: #8AA9F2;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_GridView tr.edit .header
{
  color: #FFFFFF;
  background-color: #303434;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_GridView tr.normal:hover, .xqh_grid-view tr.alternate:hover
{
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}

/*****************************************************************
* xqh_DataTableSmall 
******************************************************************/
.xqh_DataTableSmall { width:100%; padding: 0; margin: 0; border: 1px solid #cccccc; font: normal 10px Arial; font-size:10px; }
.xqh_DataTableSmall tr th
{
  color: #FFFFFF;
  background-color: #0075ba;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
  font-size: 10px;
}

.xqh_DataTableSmall tr.normal
{
  color: #000000;
  background-color: #B8BEBA;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_DataTableSmall tr.alternate
{
  color: #000000;
  background-color: #EDEFEE;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_DataTableSmall tr.edit
{
  color: #000000;
  background-color: #8AA9F2;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_DataTableSmall tr.edit .header
{
  color: #FFFFFF;
  background-color: #303434;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_DataTableSmall tr.normal:hover, .xqh_DataTableSmall tr.alternate:hover
{
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}


/*****************************************************************
* GridView sub
******************************************************************/
.xqh_grid-view { padding: 0; margin: 0; border: 1px solid #cccccc; font: normal 12px Arial; }
.xqh_grid-view tr.header
{
  color: #ffffff;
  background-color: #4B5254;
  height: 25px;
  vertical-align: middle;
  text-align: center;
  font-weight: bold;
}
.xqh_grid-view tr.normal
{
  color: #000000;
  background-color: #B8BEBA;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_grid-view tr.alternate
{
  color: #000000;
  background-color: #EDEFEE;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_grid-view tr.edit
{
  color: #000000;
  background-color: #8AA9F2;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_grid-view tr.edit .header
{
  color: #FFFFFF;
  background-color: #303434;
  height: 25px;
  vertical-align: middle;
  text-align: center;
}
.xqh_grid-view tr.normal:hover, .xqh_grid-view tr.alternate:hover
{
  background-color: #ffffff;
  color: #000000;
  font-weight: bold;
}

/*****************************************************************
* Class Calculator
******************************************************************/
.EstimatedClassCalculator
{
	color: #000000;
	background-color: #C0C0C0;
}

/*****************************************************************
* Class LabelToolTip
******************************************************************/
.LabelToolTip
{
	color: #3333FF;
	text-decoration: underline;
}

/* Left side menu */
#LeftMenu { width: 133px; }
#LeftMenu .Title { color: #333333; font: bold 14px Arial; }
#LeftMenu .CalculationGroup { margin: 10px 0 0 0; padding: 2px 0 3px 8px; border: 1px solid #D0D0D0; background-color: #F0F0F0; }
#LeftMenu .CalculationGroup .BackToCalculation {}
#LeftMenu .CalculationGroup .RestartCalculation {}
#LeftMenu .InfoLinksBlock { padding: 10px 0 15px 0; }
#LeftMenu .InfoLinksBlock .ListItem {}
#LeftMenu .InfoLinksBlock .ListItem a { color: #000033; }

#LeftMenu .LanguageSelection {}
#LeftMenu .LanguageSelection .Header {}
#LeftMenu .LanguageSelection .Content {}
#LeftMenu .LanguageSelection .Footer {}

#LeftMenu .QuickQuote {}
#LeftMenu .QuickQuote .Header {}
#LeftMenu .QuickQuote .Content {}
#LeftMenu .QuickQuote .Content .Title { color: #333333; font: bold 14px Arial; }
#LeftMenu .QuickQuote .Content .Instructions { padding: 0 0 5px 0; }
#LeftMenu .QuickQuote .Content .InputBlock { overflow: hidden; }
#LeftMenu .QuickQuote .Content .InputBlock .OriginBlock { overflow: hidden; float: left; width: 62px; }
#LeftMenu .QuickQuote .Content .InputBlock .DestinationBlock { overflow: hidden; float: right; width: 62px; }
#LeftMenu .QuickQuote .Content .InputBlock .Label { overflow: hidden; }
#LeftMenu .QuickQuote .Content .InputBlock .Input { overflow: hidden; }
#LeftMenu .QuickQuote .Content .InputBlock .Input .txt { width: 56px; font: normal 11px Arial; }
#LeftMenu .QuickQuote .Content .ButtonsBlock { padding: 3px 0 0 5px; text-align: right; }
#LeftMenu .QuickQuote .Content .ButtonsBlock .cmd { font: normal 9px Arial; border: 1px solid #cccccc; }
#LeftMenu .QuickQuote .Footer {}

#LeftMenu .Tracking {}
#LeftMenu .Tracking .Header {}
#LeftMenu .Tracking .Content {}
#LeftMenu .Tracking .Content .Title { color: #333333; font: bold 14px Arial; }
#LeftMenu .Tracking .Content .Instructions { padding: 0 0 5px 0; }
#LeftMenu .Tracking .Content .TrackingNo {}
#LeftMenu .Tracking .Content .TrackingNo .Label { overflow: hidden; }
#LeftMenu .Tracking .Content .TrackingNo .Input { overflow: hidden; }
#LeftMenu .Tracking .Content .TrackingNo .Input .txt { width: 127px; font: normal 11px Arial; }
#LeftMenu .Tracking .Content .ButtonsBlock { padding: 3px 0 0 5px; text-align: right; }
#LeftMenu .Tracking .Content .ButtonsBlock .cmd { font: normal 9px Arial; border: 1px solid #cccccc; }
#LeftMenu .Tracking .Footer {}

#LeftMenu .LoggedOut { margin: 0 0 10px 0; }
#LeftMenu .LoggedOut .Header {}
#LeftMenu .LoggedOut .Content {}
#LeftMenu .LoggedOut .Content .Title { color: #333333; font: bold 14px Arial; }
#LeftMenu .LoggedOut .Content .Instructions { padding: 0 0 5px 0; }
#LeftMenu .LoggedOut .Content .LoginBlock {}
#LeftMenu .LoggedOut .Content .LoginBlock .Label { overflow: hidden; }
#LeftMenu .LoggedOut .Content .LoginBlock .Input { overflow: hidden; }
#LeftMenu .LoggedOut .Content .LoginBlock .Input .txt { width: 127px; font: normal 11px Arial; }
#LeftMenu .LoggedOut .Content .PasswordBlock {}
#LeftMenu .LoggedOut .Content .PasswordBlock .Label { overflow: hidden; }
#LeftMenu .LoggedOut .Content .PasswordBlock .Input { overflow: hidden; }
#LeftMenu .LoggedOut .Content .PasswordBlock .Input .txt { width: 127px; font: normal 11px Arial; }
#LeftMenu .LoggedOut .Content .ButtonsBlock { padding: 3px 0 0 5px; text-align: right; }
#LeftMenu .LoggedOut .Content .ButtonsBlock .cmd { font: normal 9px Arial; border: 1px solid #cccccc; }
#LeftMenu .LoggedOut .Footer {}

#LeftMenu .LoggedIn { margin: 0 0 10px 0; }
#LeftMenu .LoggedIn .Header {}
#LeftMenu .LoggedIn .Content {}
#LeftMenu .LoggedIn .Content .Title { color: #333333; font: bold 14px Arial; }
#LeftMenu .LoggedIn .Content .UserName {}
#LeftMenu .LoggedIn .Content .LinksBlock { overflow: hidden; padding: 5px 0 0 0; }
#LeftMenu .LoggedIn .Content .LinksBlock .LinkItem { overflow: hidden; }
#LeftMenu .LoggedIn .Content .ButtonsBlock { padding: 3px 0 0 5px; text-align: right; }
#LeftMenu .LoggedIn .Content .ButtonsBlock .cmd { font: normal 9px Arial; border: 1px solid #cccccc; }
#LeftMenu .LoggedIn .Footer {}

#LeftMenu .AdminLink {}
#LeftMenu .AdminLink .Header {}
#LeftMenu .AdminLink .Content {}
#LeftMenu .AdminLink .Footer {}


/* ---------------- TEMPLATES begin ----------------- */

/*
-- Page body - dynamic width (header - top, menu - left, main - right, footer - bottom) --
.xqh_PageBody {background-color:#ffffff;}
.xqh_PageBody .xqh_PageHeader {height:140px;width:100%;margin:0;padding:0;background-color:#d0d0f0;}
.xqh_PageBody .xqh_PageContent {position:relative;background-color:#ffffff;text-align:left;}
.xqh_PageBody .xqh_PageContent .xqh_MainContainer {float:left;padding:10px 10px 0 220px;}
.xqh_PageBody .xqh_PageContent .xqh_MenuContainer {float:left;width:220px;right:220px;margin-left:-100%;}
.xqh_PageBody .xqh_PageFooter {width:100%;padding:1px 24px 0 24px;height:48px;margin:0;background-color:#d0d0f0;}

-- Page body - fixed width (header - top, menu - left, main - right, footer - bottom) -- 
.xqh_PageBody {}
.xqh_PageBody .xqh_PageHeader {width:951px;margin:0 auto;height:140px;padding:20px 24px 0 39px;color:#ffffff;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Header.png);}
.xqh_PageBody .xqh_PageContent {width:963px;margin:0 auto;padding:20px 24px 20px 27px;clear:both;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Body.png);}
.xqh_PageBody .xqh_PageContent .xqh_MainContainer {position:relative;width:727px;float:right;padding:0;margin:0 5px 0 10px;}
.xqh_PageBody .xqh_PageContent .xqh_MenuContainer {position:relative;width:190px;float:left;padding:0 0 0 0;}
.xqh_PageBody .xqh_PageFooter {width:966px;padding:1px 24px 0 24px;height:48px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Footer.png);}

-- Page body - fixed width (header - top, menu - RIGHT, main - LEFT, footer - bottom) --
.xqh_PageBody {}
.xqh_PageBody .xqh_PageHeader {width:951px;margin:0 auto;height:140px;padding:20px 24px 0 39px;color:#ffffff;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Header.png);}
.xqh_PageBody .xqh_PageContent {width:963px;margin:0 auto;padding:20px 24px 20px 27px;clear:both;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Body.png);}
.xqh_PageBody .xqh_PageContent .xqh_MainContainer {position:relative;width:727px;padding:0;margin:100px 5px 0 10px;}
.xqh_PageBody .xqh_PageContent .xqh_MenuContainer {position:absolute;top:140px;width:727px;padding:0 0 0 0;}
.xqh_PageBody .xqh_PageFooter {width:966px;padding:1px 24px 0 24px;height:48px;margin:0 auto;text-align:left;background-image:url(Images/Images_NoText/Form/bkg_Footer.png);}

-- Subject group with 8px image border (8 images) --
.xqh_SubjectGroup {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
.xqh_SubjectGroup .subjgrTL {width:auto;height:8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrTL_8px.gif) no-repeat left bottom;}
.xqh_SubjectGroup .subjgrT {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrT_8px.gif) left bottom repeat-x;}
.xqh_SubjectGroup .subjgrTR {width:auto;height:8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrTR_8px.gif) no-repeat right bottom;}
.xqh_SubjectGroup .subjgrL {height:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrL_8px.gif) repeat-y top left;}
.xqh_SubjectGroup .subjgrContent {margin:0 8px 0 8px;padding:2px 5px 2px 5px;background-color:#c9c9c9;}
.xqh_SubjectGroup .subjgrContent h2 {color:#808080;margin:0 0 5px 0;}
.xqh_SubjectGroup .subjgrR {width:auto;height:auto;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrR_8px.gif) repeat-y top right;}
.xqh_SubjectGroup .subjgrBL {width:auto;height:8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrBL_8px.gif) no-repeat left top;}
.xqh_SubjectGroup .subjgrB {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrB_8px.gif) top left repeat-x;}
.xqh_SubjectGroup .subjgrBR {width:auto;height:8px;background:url(Images/Images_NoText/Components/SubjectGroup/subjgrBR_8px.gif) no-repeat right top;}

-- Subject group with no border just padding --
.xqh_SubjectGroup {padding:5px 0 5px 0;}
.xqh_SubjectGroup .BorderTopLeft {}
.xqh_SubjectGroup .BorderTop	{}
.xqh_SubjectGroup .BorderTopRight {}
.xqh_SubjectGroup .BorderLeft {}
.xqh_SubjectGroup .Content {}
.xqh_SubjectGroup .Content h2 {}
.xqh_SubjectGroup .BorderRight {}
.xqh_SubjectGroup .BorderBottomLeft {}
.xqh_SubjectGroup .BorderBottomRight {}
.xqh_SubjectGroup .BorderBottom {}

-- Label to the left (right aligned) and field to the right (same row) --
.xqh_LabelFieldPair {position:relative;padding:0 0 5px 0;text-align:left;}
.xqh_LabelFieldPair .xqh_FieldLabel {float:left;width:80px;text-align:right;padding:2px 5px 0 0;}
.xqh_LabelFieldPair .xqh_Field {}

-- Label to the left (left aligned) and field to the right (same row) --
.xqh_LabelFieldPair {padding:0 0 5px 0;}
.xqh_LabelFieldPair .xqh_FieldLabel {width:80px;float:left;clear:right;}
.xqh_LabelFieldPair .xqh_Field {float:right;}

-- Label above and field below (two rows) --
.xqh_LabelFieldPair {padding:0 0 5px 0;}
.xqh_LabelFieldPair .xqh_FieldLabel {}
.xqh_LabelFieldPair .xqh_Field {}
*/

/* ---------------- TEMPLATES end ----------------- */