/*
	Components file

	Component styles for the customer / external pages (SpzBase_WebComponents project)
	Olof Rydergren, Spize IT 2008-09-22
*/

/*****************************************************************
* Page subject groups
******************************************************************/

/* -- Subject group with 8px image border (8 images) -- */
/*
.xqh_SubjectGroup {width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_SubjectGroup {height:1%;margin:0 0 -11px 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:#cecece;}
* html .xqh_SubjectGroup .subjgrContent {height:1%;}
.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 borders just padding -- */
.xqh_SubjectGroup {padding:5px 0 5px 0;}
.xqh_SubjectGroup .subjgrTL {}
.xqh_SubjectGroup .subjgrT	{}
.xqh_SubjectGroup .subjgrTR {}
.xqh_SubjectGroup .subjgrL {}
.xqh_SubjectGroup .subjgrContent {}
.xqh_SubjectGroup .subjgrContent h2 {}
.xqh_SubjectGroup .subjgrR {}
.xqh_SubjectGroup .subjgrBL {}
.xqh_SubjectGroup .subjgrBR {}
.xqh_SubjectGroup .subjgrB {}

/*****************************************************************
* Label field positions (provider specific)
******************************************************************/

/* -- Label to the left (right aligned) and field to the right (same row) -- Removed: position:relative; */
/*
.xqh_LabelFieldPair {padding:2px 0 2px 0;text-align:left;}
.xqh_LabelFieldPair .xqh_FieldLabel {float:left;width:120px;text-align:right;color:#686868;padding:2px 5px 0 0;}
.xqh_LabelFieldPair .xqh_Field {}
.xqh_FieldLabelAlone {color:#686868;}
*/

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

/*****************************************************************
* Search Tab
******************************************************************/

.xqh_SearchTabInfo {position:relative;width:auto;padding:3px 0 1px 32px;margin:0;background:url(Images/Images_NoText/Components/SearchTab/icon_SearchTab.gif) no-repeat top left;}

.xqh_SearchFooter {position:static;display:block;width:auto;height:auto;margin:5px 0 0 0;}
.xqh_SearchFooter .srchfNote {font-style:italic;float:left;margin:5px 0 0 0;}
.xqh_SearchFooter .srchfButtonsContainer {float:right;padding:4px;}
.xqh_SearchFooter .srchfButtonsContainer ul {margin:0;}
.xqh_SearchFooter .srchfButtonsContainer li {margin:0;list-style:none;display:inline;}
.xqh_SearchFooter .srchfButtonsContainer .srchfHighlite {background-color:#fdd889;border-top:2px solid #fdd889;border-right:0;border-bottom:2px solid #fdd889;border-left:3px solid #fdd889;}
.xqh_SearchFooter .srchfSearchTip {display:block;clear:both;color:#505050;}

.xqh_WaitBox {position:absolute;z-index:9999;top:150px;left:350px;height:20px;border:1px solid #ebba32;background-color:#ffff99;text-align:center;padding:5px 10px 0 10px;color:#664600;}

/*****************************************************************
* Search Result Tab
******************************************************************/

.xqh_SearchResultTabInfo {position:relative;width:auto;padding:3px 0 1px 32px;margin:0;background:url(Images/Images_NoText/Components/SearchResultTab/icon_SearchResultTab.gif) no-repeat top left;}

.xqh_SearchResultFooter {width:auto;height:18px;padding:0;}
.xqh_SearchResultFooter .srchrfPageNavControls {float:left;padding:2px 6px 2px 6px;}
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNavContainer {display:inline;}
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNavContainer ul {display:inline;margin:1px;}
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNavContainer li {float:left;display:inline;margin:0 6px 0 0;list-style:none;}
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNavContainer a {cursor:pointer;}
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNavContainer img {border:0;} 
.xqh_SearchResultFooter .srchrfPageNavControls .srchrfPageNumber {display:inline;height:100%;padding:2px 0 2px 2px;}
.xqh_SearchResultFooter .srchrfActionButtonsContainer {float:right;}

/*****************************************************************
* Detail Tab
******************************************************************/

.xqh_DetailTabInfo {position:relative;width:auto;padding:0;margin:0;}
.xqh_DetailTabInfo img {display:inline;}
.xqh_DetailTabInfo h2 {position:relative;top:4px;left:2px;display:inline;vertical-align:top;}

.xqh_DetailFooter {width:auto;height:20px;margin:3px 2px 0px 5px;}
.xqh_DetailFooter .dtlfGeneralButtonsContainer {float:left;}
.xqh_DetailFooter .dtlfActionButtonsContainer {float:right;padding:2px;}

.xqh_Mandatory_icon {margin:0 0 0 3px;vertical-align:middle;}
.xqh_ObjectCaption {font-weight:bold;}

/*****************************************************************
* Page ToolBar  (spzPageToolBar and spzForm)
******************************************************************/

/* --- PageToolBar - Title and nav buttons Home, Print, Reload, Help (spzPageHeader)--- */
.xqh_PageToolBar {width:100%;float:left;clear:both;}
.xqh_PageToolBar .ptbTitleContainer {float:left;margin:0;color:#999999;}
.xqh_PageToolBar .ptbButtonContainer {float:right;text-align:right;width:auto;}
.xqh_PageToolBar .ptbButton {display:inline;padding:2px;}

/*****************************************************************
* Tab Navigator (spzTabStrip and spzTabStripSimple)
******************************************************************/

.xqh_TabNavigator {clear:both;height:33px;}
.xqh_TabNavigator .tabOuterWrap{float:left;width:100%;background:url("Images/Images_NoText/Components/TabStrip/img_TopShadow.jpg") repeat-x bottom;background-position:0 -6px;line-height:normal;}
.xqh_TabNavigator .tabInnerWrap {float:left;width:100%;height:auto;background:url("Images/Images_NoText/Components/TabStrip/img_TopShadowEnd.jpg") bottom right no-repeat;background-position:100% -6px;line-height:normal;}
.xqh_TabNavigator ul {margin:0;padding:0;list-style:none;}
.xqh_TabNavigator li {float:left;margin:0;padding:0;border-bottom:1px solid #afafaf;font-weight:bold;color:#000084;cursor:pointer;}
.xqh_TabNavigator .tabL {padding:0 0 0 6px;background:url("Images/Images_NoText/Components/TabStrip/img_TabLeft.gif") no-repeat left top;}
.xqh_TabNavigator .tabR {padding:5px 15px 4px 6px;background:url("Images/Images_NoText/Components/TabStrip/img_TabRight.gif") no-repeat right top;}
.xqh_TabNavigator .tabSelected {border-width:0;color:#000000;}
.xqh_TabNavigator .tabSelected .tabL {background-position:0 -150px;}
.xqh_TabNavigator .tabSelected .tabR {background-position:100% -150px;padding-bottom:5px;}
.xqh_TabNavigator .tabDisabled  {color:#b2b2b2;cursor:default;}

.xqh_TabContainer {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_TabContainer {margin:-11px 0 0 0;} /* IE6 fix */
.xqh_TabContainer .tabTL {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabTL_2px.gif) no-repeat left bottom;}
.xqh_TabContainer .tabT {width:auto;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Components/TabStrip/tabT_2px.gif) left bottom repeat-x;}
.xqh_TabContainer .tabTR {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabTR_2px.gif) no-repeat right bottom;}
.xqh_TabContainer .tabL {width:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/TabStrip/tabL_2px.gif) repeat-y top left;}
.xqh_TabContainer .tabContent {position:relative;width:auto;margin:0 2px 0 2px;padding:2px 5px 2px 5px;background-color:#C5C5C5;}
* html .xqh_TabContainer .tabContent {height:1%;} /* IE6 fix */
.xqh_TabContainer .tabContent h2 {color:#808080;margin:0 0 5px 0;}
.xqh_TabContainer .tabR {position:relative;width:auto;height:auto;background:url(Images/Images_NoText/Components/TabStrip/tabR_2px.gif) repeat-y top right;}
.xqh_TabContainer .tabBL {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabBL_2px.gif) no-repeat left top;}
.xqh_TabContainer .tabB {width:auto;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Components/TabStrip/tabB_2px.gif) top left repeat-x;}
.xqh_TabContainer .tabBR {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabBR_2px.gif) no-repeat right top;}

/* -- xqh_TabsSubstitute - no tabs -- */
/*
.xqh_TabsSubstitute {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_TabsSubstitute {height:1%;margin:0}
.xqh_TabsSubstitute .tabsuTL {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabTL_2px.gif) no-repeat left bottom;}
.xqh_TabsSubstitute .tabsuT {width:auto;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Components/TabStrip/tabT_2px.gif) left bottom repeat-x;}
.xqh_TabsSubstitute .tabsuTR {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabTR_2px.gif) no-repeat right bottom;}
.xqh_TabsSubstitute .tabsuL {width:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/TabStrip/tabL_2px.gif) repeat-y top left;}
.xqh_TabsSubstitute .tabsuContent {position:relative;width:auto;margin:0 2px 0 2px;padding:2px 5px 2px 5px;background-color:#C5C5C5;}
* html .xqh_TabsSubstitute .tabsuContent {height:1%;}
.xqh_TabsSubstitute .tabsuContent h2 {color:#808080;margin:0 0 5px 0;}
.xqh_TabsSubstitute .tabsuR {position:relative;width:auto;height:auto;background:url(Images/Images_NoText/Components/TabStrip/tabR_2px.gif) repeat-y top right;}
.xqh_TabsSubstitute .tabsuBL {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabBL_2px.gif) no-repeat left top;}
.xqh_TabsSubstitute .tabsuB {width:auto;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Components/TabStrip/tabB_2px.gif) top left repeat-x;}
.xqh_TabsSubstitute .tabsuBR {width:auto;height:2px;background:url(Images/Images_NoText/Components/TabStrip/tabBR_2px.gif) no-repeat right top;}
*/

/* -- xqh_TabsSubstitute - no tabs - just padding -- */
.xqh_TabsSubstitute {padding:5px 0 5px 0;}
.xqh_TabsSubstitute .tabsuTL {}
.xqh_TabsSubstitute .tabsuT	{}
.xqh_TabsSubstitute .tabsuTR {}
.xqh_TabsSubstitute .tabsuL {}
.xqh_TabsSubstitute .tabsuContent {}
.xqh_TabsSubstitute .tabsuContent h1 {}
.xqh_TabsSubstitute .tabsuR {}
.xqh_TabsSubstitute .tabsuBL {}
.xqh_TabsSubstitute .tabsuBR {}
.xqh_TabsSubstitute .tabsuB {}

/*****************************************************************
* spzPopupButtons 
******************************************************************/

.xqh_ButtonHighlightFrame {display:inline;padding:1px;background-color:#ffe26f;border-top:2px solid #ffdc52;border-right:2px solid #ffdc52;border-bottom:2px solid #ffdc52;border-left:3px solid #ffdc52;}

/*****************************************************************
* spzCalendarStrip 
******************************************************************/

.xqh_TableBorder {border:1px solid #848284;}

/*****************************************************************
* ToolTipStay
******************************************************************/

.xqh_ToolTipStay {padding:0px;border:black 1px solid;background-color:#ffffe1;font-family:Arial, Verdana;font-size:8pt;z-index:300;}

/*****************************************************************
* Error message
******************************************************************/

.xqh_ErrorMessage {font-size:12px;padding:5px;background-color:#FEFE70;border:2px solid #FFAA55;color:#000000;z-index:10100;}
.xqh_ErrorMessage .Header {width:100%;height:20px;}
.xqh_ErrorMessage h2 {float:left;font-size:100%;font-weight:bold;color:#000000;}
.xqh_ErrorMessage img {float:right;cursor:pointer;}
.xqh_ErrorMessage .SystemError {margin:5px 0 0 10px;font-family:Terminal;font-size:100%;color:#EE7722;} 
.xqh_ErrorMessage .moveme	{cursor: move;}
.xqh_ErrorMessage .handle	{cursor: move;}
.xqh_ErrorMessage a	{text-decoration:none;cursor:pointer;}


/*****************************************************************
* spzBlock and spzFkListBlockCollapsable
******************************************************************/

.xqh_Block {width:100%;margin:-2px 0 0 0;}
.xqh_Block .Header {width:100%;clear:right;background-color:#C5C5C5;padding:1px;}
.xqh_Block .Header .Title {float:left;color:#000000;font-size:100%;font-weight:bold;vertical-align:middle;cursor:pointer;width:90%;}
.xqh_Block .Header .ButtonsContainer {float:right;}
.xqh_Block .Header .ButtonsContainer .OpenBlockButtons {display:inline;}
.xqh_Block .Header .ButtonsContainer .OpenBlockButtons .ButtonEdit_close {display:inline;height:18px;width:18px;background:url("Images/Images_NoText/Block/btn_HideEditBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .Header .ButtonsContainer .OpenBlockButtons .ButtonEdit_open {display:inline;height:18px;width:18px;background:url("Images/Images_NoText/Block/btn_ShowEditBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .Header .ButtonsContainer .OpenBlockButtons .ButtonSearch_close {display:inline;height:18px;width:18px;background:url("Images/Images_NoText/Block/btn_HideSearchBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .Header .ButtonsContainer .OpenBlockButtons .ButtonSearch_open {display:inline;height:18px;width:18px;background:url("Images/Images_NoText/Block/btn_ShowSearchBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .Header .ButtonsContainer .ButtonExpandCollapse_close {display:inline;height:18px;width:18px;background:url("Images/Images_NoText/Block/btn_CollapseBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .Header .ButtonsContainer .ButtonExpandCollapse_open {display:inline;height:14px;width:18px;background:url("Images/Images_NoText/Block/btn_ExpandBlock.gif");background-position:top left;background-repeat:no-repeat;cursor:pointer;}
.xqh_Block .ContentContainer {width:100%;padding:0px;font-size:100%;}
.xqh_Block .ContentContainer .EditContainer {margin:0 0 5px 0;}
.xqh_Block .ContentContainer .SearchContainer {margin:0 0 5px 0;}

/*****************************************************************
* wucBaseSearchResultPage function XlsFileLink
******************************************************************/

.xqh_Popup {visibility:hidden;position:absolute;border:2px solid #B5B5B5;}
.xqh_Popup .Header {width:100%;background-color:#C5C5C5;font-weight:bold;padding:2px 5px 2px 5px;}
.xqh_Popup .Content {width:100%;background-color:#FFFFFF;padding:5px;}

/*****************************************************************
* spzStyleBox
******************************************************************/

.xqh_Box {position:relative;width:100%;margin:0 0 -10px 0;}
.xqh_Box .Content {position:relative;width:100%;top:0px;margin:0 1px 0 1px;background-color:#C5C5C5;padding:2px 8px 0 8px;}
.xqh_Box .BorderTopLeft {width:100%;height:2px;background:url(Images/Images_NoText/Box/img_BorderTopLeft_out.gif) no-repeat left bottom;}
.xqh_Box .BorderTopRight {width:100%;height:2px;background:url(Images/Images_NoText/Box/img_BorderTopRight_out.gif) no-repeat right bottom;}
.xqh_Box .BorderTop	{width:100%;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Box/img_BorderTop_out.gif) left bottom repeat-x;}
.xqh_Box .BorderBottomLeft {width:100%;height:2px;background:url(Images/Images_NoText/Box/img_BorderBottomLeft_out.gif) no-repeat left top;}
.xqh_Box .BorderBottomRight {width:100%;height:2px;background:url(Images/Images_NoText/Box/img_BorderBottomRight_out.gif) no-repeat right top;}
.xqh_Box .BorderBottom {width:100%;height:2px;margin:0 2px 0 2px;background:url(Images/Images_NoText/Box/img_BorderBottom_out.gif) top left repeat-x;}
.xqh_Box .BorderLeft {height:100%;background:url(Images/Images_NoText/Box/img_BorderLeft_out.gif) repeat-y top left;}
.xqh_Box .BorderRight {height:100%;background:url(Images/Images_NoText/Box/img_BorderRight_out.gif) repeat-y top right;}

/*****************************************************************
* spzWfActionButtons
******************************************************************/

.xqh_WfActionButtons {width:100%;}
.xqh_WfActionButtons .RowEven {width:100%;height:100%;background-color:#E2E2E2;}
.xqh_WfActionButtons .RowOdd {width:100%;height:100%;}
.xqh_WfActionButtons .PerformerRole {float:left;padding:4px 0 0 0;vertical-align:middle;}
.xqh_WfActionButtons .ButtonContainer {float:right;text-align:right;}
.xqh_WfActionButtons .ButtonContainer ul {margin:0;padding:0px 0 10px 0;list-style:none;}
.xqh_WfActionButtons .ButtonContainer li {margin:0;padding:2px 0 2px 5px;float:left;background-position:top left;background-repeat:no-repeat;border-bottom:0px solid #000084;}

/*****************************************************************
* spzInformationBox and frmZQuickMessageSender.aspx
******************************************************************/

.xqh_InformationBox {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_InformationBox {height:1%;} /* IE6 fix */
.xqh_InformationBox .iboxTL {width:auto;height:4px;background:url(Images/Images_NoText/Components/InformationBox/iboxTL_4px.gif) no-repeat left bottom;}
.xqh_InformationBox .iboxT	{width:auto;height:4px;margin:0 4px 0 4px;background:url(Images/Images_NoText/Components/InformationBox/iboxT_4px.gif) left bottom repeat-x;}
.xqh_InformationBox .iboxTR {width:auto;height:4px;background:url(Images/Images_NoText/Components/InformationBox/iboxTR_4px.gif) no-repeat right bottom;}
.xqh_InformationBox .iboxL  {width:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/InformationBox/iboxL_4px.gif) repeat-y top left;}
.xqh_InformationBox .iboxContent {position:relative;width:auto;padding:5px 8px 5px 32px;margin:0 4px 0 4px;color:#000000;background:url(Images/Images_NoText/Components/InformationBox/icon_Information_25x25px.gif) no-repeat top left;background-color:#eaeaea;}
* html iboxContent {height:1%;} /* IE6 fix */
.xqh_InformationBox .iboxR  {position:relative;width:auto;height:auto;background:url(Images/Images_NoText/Components/InformationBox/iboxR_4px.gif) repeat-y top right;}
.xqh_InformationBox .iboxBL {width:auto;height:4px;background:url(Images/Images_NoText/Components/InformationBox/iboxBL_4px.gif) no-repeat left top;}
.xqh_InformationBox .iboxB  {width:auto;height:4px;margin:0 4px 0 4px;background:url(Images/Images_NoText/Components/InformationBox/iboxB_4px.gif) top left repeat-x;}
.xqh_InformationBox .iboxBR {width:auto;height:4px;background:url(Images/Images_NoText/Components/InformationBox/iboxBR_4px.gif) no-repeat right top;}

/*****************************************************************
* Attachment (spzAttachment)
******************************************************************/

.xqh_Attachment {width:20%;}
.xqh_Attachment .Normal {padding-bottom:3px; padding-top:0; padding-left:0; padding-right:0;}
.xqh_Attachment .Disabled {padding-bottom:3px;padding-top:0; padding-left:0;padding-right:0;color:#AAAAAA;}

/*****************************************************************
* Button
******************************************************************/
.xqh_Button {padding:0 4px 0 4px;margin:0;font-weight:normal;font-size:100%;}
.usr_Button {height:22px;padding:0;margin:0;font-weight:normal;font-size:11px;}

/*****************************************************************
* Date Field
******************************************************************/
.spzDateField {}
.spzDateField .EditMode { overflow: hidden; }
.spzDateField .EditMode .TextBox { float: left; margin: 0 1px 0 0; }
.spzDateField .EditMode .TextBox .txtDate { width: 67px; color: #000000; background-color: #ffffff; font: normal 10px Verdana,Arial; }
.spzDateField .EditMode .TextBox .txtDate_Error { width: 67px; border: 1px solid #FF0000; color: #000000; background-color: #fefe70; font: normal 10px Verdana,Arial; }
.spzDateField .EditMode .ImageBox { float: left; margin: 0 3px 0 0; }
.spzDateField .EditMode .ImageBox .imgButton { width: 16px; height: 16px; border: 0; }
.spzDateField .EditMode .MandatoryImage { float: left; width: 16px; height: 16px; border: 0; margin: 0 3px 0 0; background-image: url('Images/imgMandatory16x16.gif'); background-repeat: no-repeat; }
.spzDateField .ViewMode { overflow: hidden; }
.spzDateField .ViewMode .lblDate { color: #666666; font: normal 10px Verdana,Arial; }

/*****************************************************************
* Calendar DatePick (ShowDatePick in spzBase.js)
******************************************************************/
.calpCalendar { width:147px; margin: 8px 0 0 0; line-height: normal; font-family: Verdana,Arial; font-size: 80%; font-weight: normal; text-decoration: none; text-transform: none; z-index: 1; }
.calpCalendar .calpData {background-color:#e2e2e2;border:1px solid #aaaaaa;border-collapse:separate;}
.calpCalendar .calpHeader {width:100%;background-color:#aaaaaa;border:1px solid #aaaaaa;border-collapse:collapse;text-align:center;}
.calpCalendar .calpHeader a {text-decoration:none;}
.calpCalendar .calpHeaderTitle {padding:0px 0 0px 0;background-color:#aaaaaa;color:#eeeeee;font-weight:700;}
.calpCalendar .calpNavArrow {padding:0px 3px 0px 3px;background-color:#aaaaaa;color:#eeeeee;}
.calpCalendar .calpWeekNumber {padding:0px 0 0px 3px;width:12px;vertical-align:middle;}
.calpCalendar .calpWeekDayNameRow td {vertical-align:bottom;}
.calpCalendar .calpWeekRow .calpStd {width:18px;padding:0px 0 1px 0;text-align:center;color:#888888;background-color:#eeeeee;cursor:pointer;}
.calpCalendar .calpWeekRow .calpWeekend {width:18px;padding:0px 0 1px 0;text-align:center;color:#888888;background-color:#eeeeee;cursor:pointer;}
.calpCalendar .calpWeekRow .calpDisabled {width:18px;padding:0px 0 1px 0;text-align:center;background-color:#e2e2e2;}
.calpCalendar .calpWeekRow .calpToday {width:18px;padding:0px 0 1px 0;text-align:center;color:#ee0000;font-weight:bold;background-color:#eeeeee;cursor:pointer;}

/*****************************************************************
* DataTable
******************************************************************/
.xqh_DataTable {width:100%;border:2px solid #0075ba;margin:0 0 10px 0;padding:0;border-collapse:collapse;}
.xqh_DataTable img {border:0;}
.xqh_DataTable th {margin:0;padding:0;background-color:#0075ba;color:#ffffff;font-weight:bold;line-height:20px;font-size:small;border:0;}
.xqh_DataTable td {border:0;padding:3px 10px 3px 10px;margin:0;background-color:#FFFFFF;}
.xqh_DataTable td a {text-decoration:none;color:#000084;}

.xqh_DataTable tr.dtHeader td {padding:3px 5px 3px 10px;font-weight:bold;background:#E8E8E8;color:#000000;border-bottom:2px solid #DEDEDE;}
.xqh_DataTable tr.dtHeader td a {text-decoration:none;}
.xqh_DataTable tr.dtHeader td img {border:0;}
.xqh_DataTable tr.dtAlterRow td {background-color:#E2E2E2;}
.xqh_DataTable tr.dtDisabledRow td {color:#C5C5C5;}
.xqh_DataTable tr.dtSelectedRow td {background-color:#A0C4DA;color:#000084;font-weight:bold;}
.xqh_DataTable tr.dtSumRow td {border-top:1px solid #787878;}

/* Cell types (primary for DataTable) */
col.CellText {text-align:left;padding:1px 5px 1px 5px;}
col.CellDate {text-align:left;padding:1px 5px 1px 5px;}
col.CellNumeric {text-align:right;padding:1px 5px 1px 5px;}
col.CellPicture {text-align:center;padding:1px 5px 1px 5px;}
col.CellMoney {text-align:right;padding:1px 5px 1px 5px;}
col.CellCenter {text-align:center;padding:1px 5px 1px 5px;}
col.CellRight {text-align:right;padding:1px 5px 1px 5px;}

/* Table without any borders - used to clear any settings from parents */
.xqh_ClearTable {border:0;}
.xqh_ClearTable th {border:0;padding:0;margin:0;font-size:small;font-weight:bold;background-color:Transparent;color:#000000;}
.xqh_ClearTable td {border:0;padding:0;margin:0;}

/* Table no borders */
.xqh_TableNoBorders {border:0;}
.xqh_TableNoBorders th {border:0;padding:0 5px 1px 0;margin:0;font-size:100%;font-weight:bold;background-color:Transparent;color:#000084;}
.xqh_TableNoBorders tr.AlterRow td {background-color:#E2E2E2;}
.xqh_TableNoBorders td {border:0;padding:0 5px 1px 0;margin:0;}

/*****************************************************************
* DropDown
******************************************************************/

.xqh_DropDown_Edit {width:206px;font-size:12px;font-weight:normal;color:#000000;vertical-align:middle;margin:-2px 0 0 0;}
.xqh_DropDown_ImgButton {display:inline;margin:0 0 0 1px;vertical-align:middle;}
.xqh_DropDown_View {vertical-align:middle;margin:0 4px 0 0;}
.xqh_DropDown_Error {width:206px;font-size:12px;font-weight:normal;color:#000000;vertical-align:middle;margin:-2px 0 0 0;background-color:#FEFE70;}

/*****************************************************************
* Forreign key list block (spzFkListBlock)
******************************************************************/

.xqh_fkBlock {width:100%;margin:-2px 0 0 0;}
.xqh_fkBlock .fkContent {width:100%;padding:0px;font-size:100%;}
.xqh_fkBlock .fkContent {margin:5px 0 5px 0;}

/*****************************************************************
* HierarchyControl (spzHierarchyTreeBlock)
******************************************************************/
/*
.xqh_HierarchyControl {font: normal 11px Verdana, Arial; }
.xqh_HierarchyControl table {width:auto; }
.xqh_HierarchyControl tr {vertical-align: top; }
.xqh_HierarchyControl .hierStatusMessage {position:relative;left:8px;width:886px;padding:2px 10px 2px 10px;border:1px solid #cccc55;background-color:#ffffff;}
.xqh_HierarchyControl .hierStatusMessage .Button {font-size:smaller;}

.xqh_HierarchyControl .xqh_hierItemMenu {position:absolute;visibility:hidden;background-color:#eeeeee;width:130px;padding:0;border:1px solid #888888;z-index:100;cursor:pointer;}
.xqh_HierarchyControl .xqh_hierItemMenu ul {padding:2px 10px 10px 4px;margin:0;list-style:none;}
.xqh_HierarchyControl .xqh_hierItemMenu li {line-height:1.8em;margin:0 0 3px 0;}
.xqh_HierarchyControl .xqh_hierItemMenu li img {margin:7px 8px 0 5px;}
.xqh_HierarchyControl .xqh_hierItemMenu .xqh_hierItemMenuHeader {height:14px;padding:3px 3px 3px 0;background-color:#dddddd;}
.xqh_HierarchyControl .xqh_hierItemMenu .xqh_hierItemMenuHeader div {float:right;}
.xqh_HierarchyControl .xqh_hierItemMenu .xqh_MenuItemNormal div {}
.xqh_HierarchyControl .xqh_hierItemMenu .xqh_MenuItemNormal_hover div {background-color:#dddddd;}

.xqh_HierarchyControl .xqh_hierGroup {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_HierarchyControl .xqh_hierGroup {height:1%;}
.xqh_HierarchyControl .xqh_hierGroup .hierTL {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrTL_8px.gif) no-repeat left bottom;}
.xqh_HierarchyControl .xqh_hierGroup .hierT {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrT_8px.gif) left bottom repeat-x;}
.xqh_HierarchyControl .xqh_hierGroup .hierTR {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrTR_8px.gif) no-repeat right bottom;}
.xqh_HierarchyControl .xqh_hierGroup .hierL {height:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/Hierarchy/hiergrL_8px.gif) repeat-y top left;}
.xqh_HierarchyControl .xqh_hierGroup .hierContent {position:relative;margin:0 5px 0 5px;padding:2px 1px 2px 1px;background-color:#cecece;}
* html .xqh_HierarchyControl .xqh_hierGroup .hierContent {height:1%;}
.xqh_HierarchyControl .xqh_hierGroup .hierContent h2 {color:#808080;margin:0 0 2px 0;}
.xqh_HierarchyControl .xqh_hierGroup .hierR {position:relative;width:auto;height:auto;background:url(Images/Images_NoText/Components/Hierarchy/hiergrR_8px.gif) repeat-y top right;}
.xqh_HierarchyControl .xqh_hierGroup .hierBL {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrBL_8px.gif) no-repeat left top;}
.xqh_HierarchyControl .xqh_hierGroup .hierB {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrB_8px.gif) top left repeat-x;}
.xqh_HierarchyControl .xqh_hierGroup .hierBR {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hiergrBR_8px.gif) no-repeat right top;}

.xqh_HierarchyControl .xqh_hierInnerGroup {position:relative;width:auto;line-height:1.2;padding:0;margin:0;}
* html .xqh_HierarchyControl .xqh_hierInnerGroup {height:1%;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierTL {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrTL.gif) no-repeat left bottom;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierT {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrT.gif) left bottom repeat-x;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierTR {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrTR.gif) no-repeat right bottom;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierL {height:auto;height:auto;padding:0 0 1px 0;margin:0 0 -1px 0;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrL.gif) repeat-y top left;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierContent {position:relative;margin:0 5px 0 5px;padding:2px 5px 2px 5px;background-color:#c5c5c5;}
* html .xqh_HierarchyControl .xqh_hierInnerGroup .hierContent {height:1%;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierR {position:relative;width:auto;height:auto;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrR.gif) repeat-y top right;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierBL {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrBL.gif) no-repeat left top;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierB {width:auto;height:8px;margin:0 8px 0 8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrB.gif) top left repeat-x;}
.xqh_HierarchyControl .xqh_hierInnerGroup .hierBR {width:auto;height:8px;background:url(Images/Images_NoText/Components/Hierarchy/hierinnergrBR.gif) no-repeat right top;}

.xqh_HierarchyControl .xqh_hierNavigationMenu {padding:0;margin:0;list-style:none;}
.xqh_HierarchyControl .xqh_hierNavigationMenu li {line-height:2em;vertical-align:middle;width:auto;padding:0;font-size:100%;cursor:pointer;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_imgMenu {margin:4px 6px 0 0;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_imgNodeArrow {float:right;margin:4px 0 0 0;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemDisabled {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemDisabled div {width:100%;padding:0 0 4px 0;color:#ff0000;font-style:italic;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemDisabled li {display:none;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemDisabled_hover {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemDisabled_hover div {width:100%;padding:0 0 4px 0;color:#ff0000;font-style:italic;background-color:#bbbbbb;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemNormal {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemNormal div {width:100%;padding:0 0 4px 0;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemNormal li {display:none;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemNormal_hover {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemNormal_hover div {width:100%;padding:0 0 4px 0;background-color:#bbbbbb;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemMarked div {width:100%;padding:0 0 4px 0;border-top:1px solid #cccc55;border-bottom:1px solid #cccc55;background-color:#ffff88;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemMarked_hover div {width:100%;padding:0 0 4px 0;border-top:1px solid #cccc88;border-bottom:1px solid #cccc88;background-color:#ffffaa;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemSelected {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemSelected div {width:100%;padding:0 0 4px 0;background-color:#bbbbbb;font-weight:bold;}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemSelected_hover {}
.xqh_HierarchyControl .xqh_hierNavigationMenu .xqh_MenuItemSelected_hover div {width:100%;padding:0 0 4px 0;background-color:#ffffff;color:#787878;font-weight:bold;}
.xqh_HierarchyControl .xqh_hierNavigationMenu A {text-decoration: none; color:Black}
*/

/*****************************************************************
* Info Messages (modForm.vb)
******************************************************************/
.xqh_InfoMessage {font-size:100%;position:absolute;left:200px;width:400px;top:240px;border:2px solid #b5b5b5;color:#000000;z-index:9;}
.xqh_InfoMessage .infHeader {width:100%;height:10px;padding:2px 5px 2px 5px;background-color:#c5c5c5;font-weight:bold;}
.xqh_InfoMessage h2 {float:left;font-size:100%;font-weight:bold;}
.xqh_InfoMessage img {float:right;cursor:pointer;}
.xqh_InfoMessage .infContent {padding:2px 5px 2px 5px;background-color:#ffffff;} 
.xqh_InfoMessage .moveme {cursor:move;}
.xqh_InfoMessage .handle {cursor:move;}

/*****************************************************************
* Label (spzLabel)
******************************************************************/

.xqh_TextLabel {color:#787878;}

/*****************************************************************
* Link Button (spzLinkButton)
******************************************************************/

.xqh_LinkButton {}

/*****************************************************************
* LookUpTextBox (spzLookUpTextBox)
******************************************************************/

.xqh_LookUpTextBox_Edit {width:202px;height:16px;font-size:11px;font-weight:normal;color:#000000;background-color:#FFFFFF;border:1px solid #7F9DB9;vertical-align:top;}
.xqh_LookUpTextBox_View {}
.xqh_LookUpTextBox_Pending {width:202px;height:16px;font-size:11px;font-weight:normal;color:#000000;background-color:#FEFE70;border:1px solid #FFAA55;vertical-align:top;}
.xqh_LookUpTextBox_Error {width:202px;height:16px;font-size:11px;font-weight:normal;color:#000000;background-color:#FEFE70;border:1px solid #FFAA55;vertical-align:top;}
.xqh_LookUpTextBox_ImgButton {display:inline;margin:0 0 0 1px;vertical-align:middle;}
.xqh_LookUpTextBox_ImgMandatory {margin:0 0 0 3px;vertical-align:middle;}

/*****************************************************************
* Menu (spzMenu)
******************************************************************/

/* --- Left side menu ---
.xqh_DropDownMenu {padding:10px 10px 0 10px;z-index:10000;font-size:15px;font-weight:bold;font-family:Arial;}
.xqh_DropDownMenu .dropMenu {height:20px;padding:3px 0 0 0;cursor:pointer;color:#989898;}
.xqh_DropDownMenu .dropMenu_hover {height:20px;padding:3px 0 0 0;background-color:#e0e0e0;color:#505050;}
.xqh_DropDownMenu .dropMenuHeader {cursor:pointer;}
.xqh_DropDownMenu .dropMenuGroup {}
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem {}
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem_hover {}
.xqh_DropDownMenu .dropMenuDivider {display:none;}
*/

/* --- Top menu --- */
.xqh_DropDownMenu { height: 30px; position: absolute; z-index: 10000; }
.xqh_DropDownMenu .dropMenu {float:left;border:2px solid #c5c5c5;cursor:pointer;}
.xqh_DropDownMenu .dropMenu:hover {float:left;background-color:#d2d2d2;border:2px solid #787878;}
.xqh_DropDownMenu .dropMenuHeader {padding:2px 10px 5px 5px;font-size:1.0em;font-weight:bold;color:#787878;cursor:pointer;}
.xqh_DropDownMenu .dropMenuGroup {position:absolute;visibility:hidden;border:2px solid #787878;margin-top:-3px;margin-left:-2px;border-top:none;background-color:#d2d2d2;z-index:1000;}
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem {width:16em;font-size:1em;margin:1px;padding:6px 10px 6px 10px;cursor:pointer;background-color:#e2e2e2;}
.xqh_DropDownMenu .dropMenuGroup .dropMenuItem_hover {width:16em;font-size:1em;margin:1px;padding:6px 10px 6px 10px;cursor:pointer;background-color:#f2f2f2;}
.xqh_DropDownMenu .dropMenuDivider {float:left;margin:0 -3px 0 -3px;padding:3px 0 0 0;font-size:1.0em;color:#787878;}

/*****************************************************************
* Message Center (frmZMessageCenter.aspx)
******************************************************************/

.xqh_MessageCenter {text-align:left;margin:10px 10px 10px 10px;}
.xqh_MessageCenter h2 {margin:0;}
.xqh_MessageCenter .msgcSubject {color:#ff3333;}
.xqh_MessageCenter .msgcHistory {width:370px;height:200px;border:1px solid #b5b5b5;padding:5px;margin:15px 0 10px 0;overflow:scroll;background-color:#ffffff;}
.xqh_MessageCenter .msgcHistory .msgcCustomer {line-height:18px;}
.xqh_MessageCenter .msgcHistory .msgcCustomer .msgcHeader {color:#828282;}
.xqh_MessageCenter .msgcHistory .msgcCustomer .msgcMessage {color:#5555ff;font-weight:bold;margin:0 0 5px 0;padding:0 0 5px 10px;border-bottom:1px solid #e5e5e5;}
.xqh_MessageCenter .msgcHistory .msgcOwnStaff {line-height:18px;}
.xqh_MessageCenter .msgcHistory .msgcOwnStaff .msgcHeader {color:#828282;}
.xqh_MessageCenter .msgcHistory .msgcOwnStaff .msgcMessage {color:#ff3333;font-weight:bold;margin:0 0 5px 0;padding:0 0 5px 10px;border-bottom:1px solid #e5e5e5;}
.xqh_MessageCenter .msgcInput {width:375px;height:100px;margin:0;}

/*****************************************************************
* RadioButton (spzRadioButton)
******************************************************************/

.xqh_RadioButton {margin:0 0 0 -4px;vertical-align:middle;}

/*****************************************************************
* Tab Sub Menu (spzTabSubMenuStrip)
******************************************************************/

.xqh_TabSubMenu {height:23px;z-index:10000;margin:-5px 0 0px 0;padding:0px 0 0 0;}
.xqh_TabSubMenu .tsmSubMenu {float:left;border:1px solid #e2e2e2;cursor:pointer;}
.xqh_TabSubMenu .tsmSubMenu_hover {float:left;border:1px solid #787878;cursor:pointer;background-color:#d2d2d2;}
.xqh_TabSubMenu .tsmSubMenuHeader {padding:1px 5px 1px 5px;font-size:1.0em;font-weight:normal;color:#787878;}
.xqh_TabSubMenu .tsmSubMenuHeaderDisabled {padding:1px 5px 1px 5px;font-weight:normal;color:#c0c0c0;}
.xqh_TabSubMenu .tsmSubMenuDivider {float:left;margin:-2px -3px 0 -3px;padding:3px 0 0 0;font-size:1.0em;color:#787878;}

/*****************************************************************
* TextArea (spzTextArea)
******************************************************************/

.xqh_TextArea_Edit {width:95%;font-size:12px;font-weight:normal;color:#000084;vertical-align:top;}
.xqh_TextArea_View {}
.xqh_TextArea_Error {width:95%;font-size:12px;font-weight:normal;color:#FF0000;vertical-align:top;background-color:#FEFE70;border:1px solid #FFAA55;}

.usr_TextArea { color:#000000; font: normal 13px Verdana,Arial; vertical-align: top; }

/*****************************************************************
* TextBox
******************************************************************/

.xqh_TextBox_Edit { width: 200px; color: #000084; font: normal 13px Verdana,Arial; vertical-align: middle; }
.xqh_TextBox_View {}
.xqh_TextBox_Error { margin: 0; width: 200px; height: 16px; color: #000000; background-color: #FEFE70; font: normal 13px Verdana,Arial; border: 1px solid #FFAA55; }

/*****************************************************************
* Quick Message Popup (spzPageToolBar)
******************************************************************/

/* Animated quick message popup */
.xqh_QuickMessageWindow {background:#F1E273;padding-top:-3px;border:1px solid #AD9A11;}
.xqh_QuickMessageWindow .qmsgHeader {text-decoration:blink;cursor:default;position:absolute;left:2px;width:324px;top:2px;height:14px;padding:0 0 0 2px;filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#F1E273', EndColorStr='#FCF8DD');font: bold x-small verdana,arial,sans-serif;vertical-align:middle;}
.xqh_QuickMessageWindow .qmsgContent {background:#FFFFFF;width:100px;border-left:1px solid #AD9A11;border-top:1px solid #AD9A11;border-bottom:1px solid #FCF8DD;border-right:1px solid #FCF8DD;padding:2px 3px 2px 3px;overflow:hidden;}
.xqh_QuickMessageWindow .qmsgContent .qmsgTitle {color:#606060;font-style:italic;padding:3px 0 3px 0;}
.xqh_QuickMessageWindow .qmsgContent .qmsgText {padding:3px 0 3px 0;}
.xqh_QuickMessageWindow .qmsgCloseButton {position:absolute;top:1px;right:0px;width:12px;height:12px;cursor:pointer;color:#728EB8;font:bold x-small verdana, arial,sans-serif;background:url("Images/Images_NoText/Form/btn_Close.gif") no-repeat top left;}

/*****************************************************************
* Web Parts framework
******************************************************************/

/* Spize Web Part Zone in Edit Mode */
.EditZone { border: 0; background-color: #dcdcdc; overflow: visible !important; font: normal 11px Verdana,Arial; }
.EditZone_WebPart { border: 10px solid #999999; background-color: #ffffff; }
.EditZone_WebPartTitle { padding: 0 50px 0 10px; background-color: #aaaaaa; border: 1px solid #999999; font: normal 12px Verdana,Arial; }

/* Web Parts Catalog Popup */
.WebPartCatalogPopup { position: absolute; top: 5px; left: 700px; width: 250px; height: auto; padding: 5px; border: 2px solid #808080; color: #000000; background-color: #ffffe0; font: normal 10px Verdana,Arial; z-index: 999999; }

/* Web Parts Edit Property Popup */
.WebPartEditPopup { position: absolute; top: 5px; left: 500px; width: 500px; overflow: hidden; padding: 10px; border: 2px solid #808080; color: #000000; background-color: #ffffe0; font: normal 10px Verdana,Arial; z-index: 999999; }
.WebPartEditPopup tr { vertical-align: top; }
.WebPartEditPopup h2 { color: #333333; }
.WebPartEditPopup .FieldDescription { color: #888888; font: italic 10px Verdana, Arial; }
.WebPartEditPopup .FieldLabel { padding: 5px 0 0 0; color: #000000; font: normal 11px Verdana, Arial; }
.WebPartEditPopup .wpp_TextBox { width: 260px; border: 1px solid #bbbbbb; padding: 2px 0 2px 3px; font: normal 11px Verdana,Arial; }
.WebPartEditPopup .wpp_TextArea { width: 260px; border: 1px solid #bbbbbb; padding: 2px 0 2px 3px; font: normal 11px Verdana,Arial; }
.WebPartEditPopup .wpp_DropDown { font: normal 11px Verdana,Arial; }
.WebPartEditPopup .Error { color: #ff0000; font: normal 14px Verdana, Arial; }

/* .NoPadding { padding: 0px !important; } */

/*****************************************************************
* Web Part Manager Control
******************************************************************/
.swpWebPartManagerControl { text-align: right; padding: 0 5px 0 0; font-family: Verdana, Arial; font-size: 9px; color: #cccccc; }
.swpWebPartManagerControl .BrowseBox { position: absolute; z-index: 999; background-color: #ffffff }
.swpWebPartManagerControl .BrowseBox a, visited { color:#cccccc; font-weight: bold; text-decoration: none; }
.swpWebPartManagerControl .BrowseBox a:hover { color:#ff6600; text-decoration: underline; }
.swpWebPartManagerControl .EditBox { border: 2px solid #ff0000; padding: 5px; text-align:center;}
.swpWebPartManagerControl .EditBox .cmdButton { width: 100%; padding: 1px 3px 1px 3px; margin: 2px 0 2px 0; border: solid 1px #000000; font-family: Verdana; font-weight: bold; font-size: 13px; color: #000000; background-color: #ffff00; vertical-align: middle; cursor:pointer; }
.swpWebPartManagerControl .EditBox .cmdButton:hover { color: #ffffff; background-color: #888888; }

/*****************************************************************
* Memo reader
******************************************************************/
.swpDbMemoText {}
.swpDbMemoText .ErrorMessage { width: auto; border: 1px solid #ff0000; padding: 10px; margin: 0 0 5px 0; text-align: center; }
.swpDbMemoText .AdminBox { text-align:right; padding: 0 3px 0 0; font-family: Verdana, Arial; font-size: 9px; color: #cccccc; }
.swpDbMemoText .AdminBox a, visited { color:#cccccc; font-weight: bold; text-decoration: none; }
.swpDbMemoText .AdminBox a:hover { color:#ff6600; text-decoration: underline; }

/*****************************************************************
* ManyToMany component
******************************************************************/
.xqh_ManyToMany { background-color: #e0e0e0; padding:10px 10px 10px 10px; }
.xqh_ManyToMany_Body { background-color: #e0e0e0; }
.xqh_ManyToMany h1 { color: #333333; font-family: "georgia", "times new roman", serif; font-weight: bold; font-size: 22px; }

.obj_ManyToManyComponent { width: 465px; color: #333333; font-family: "georgia", "times new roman", serif; }
table.obj_ManyToManyComponent .tbl_Main { width: 100%; }
.obj_ManyToManyComponent .lbl_sSelectMaster { font-size: 16px; }
.obj_ManyToManyComponent .cbo_Master { width: 100%; }
.obj_ManyToManyComponent .lbl_sOptions { font-size: 16px; }
.obj_ManyToManyComponent .lst_Options { width: 100%;  height: 280px; }
.obj_ManyToManyComponent .lbl_sLinkTitle { font-size: 16px; }
.obj_ManyToManyComponent .lst_LinkList { width: 100%;  height: 280px; }
.obj_ManyToManyComponent .MoveButtons { width: 100%; padding: 130px 0 0 0; text-align: center; }
.obj_ManyToManyComponent .cmd_Save { border: solid 2px #bbbbbb; font-family: Arial; font-weight: normal; padding: 1px 3px 1px 3px; margin: 0 2px 0 2px; font-size: 13px; color: #680f0b; background-color: #cccccc; vertical-align: middle; cursor:pointer; }
.obj_ManyToManyComponent .cmd_Save:hover { color: #ffffff; background-color: #680f0b; }
.obj_ManyToManyComponent .cmd_Close { border: solid 2px #bbbbbb; font-family: Arial; font-weight: normal; padding: 1px 3px 1px 3px; margin: 0 2px 0 2px; font-size: 13px; color: #680f0b; background-color: #cccccc; vertical-align: middle; cursor:pointer; }
.obj_ManyToManyComponent .cmd_Close:hover { color: #ffffff; background-color: #680f0b; }

/*****************************************************************
* Image Upload control
******************************************************************/
.ImageUpload { font: normal 11px Verdana,Arial; }
.ImageUpload .ImageBox { margin: 0; cursor: pointer; }
.ImageUpload .ImageBox .Image { width: 360px; }
.ImageUpload .ImageBox .Image img { max-width: 360px; border: 0; }
.ImageUpload .Text { color: #808080; font: normal 10px Verdana,Arial; }
.ImageUpload .EditModeContainer { padding: 10px 0 0 0; }
.ImageUpload .EditModeContainer .WebBrowserBox { width: 100%; overflow: hidden; }
.ImageUpload .EditModeContainer .WebBrowserBox .WebLabel { float: left; width: 120px; text-align: right; color:#680f0b; padding:2px 5px 0 0; }
.ImageUpload .EditModeContainer .WebBrowserBox .ImageUrl { float: left; }
.ImageUpload .EditModeContainer .WebBrowserBox .ImageUrl .txt { float: left; width: 148px; border: 1px #bbbbbb solid; font: normal 11px Verdana,Arial; }
.ImageUpload .EditModeContainer .WebBrowserBox .BrowseButton { float: left; }
.ImageUpload .EditModeContainer .WebBrowserBox .BrowseButton .cmd { width: 81px; font: normal 12px Verdana,Arial; }
.ImageUpload .EditModeContainer .LocalBrowserBox { clear: both; }
.ImageUpload .EditModeContainer .LocalBrowserBox .LocalLabel { float: left; width: 120px; text-align: right; color: #680f0b; padding: 2px 5px 0 0; }
.ImageUpload .EditModeContainer .LocalBrowserBox .FileUpload {}
.ImageUpload .EditModeContainer .LocalBrowserBox .FileUpload .fil_Upload { color: #000080; }
.ImageUpload .EditModeContainer .LocalBrowserBox .FileUpload .fil_Upload text { color: #ff0000; }
.ImageUpload .EditModeContainer .LocalBrowserBox .ResizeBox { float: left; width: 150px; overflow: hidden; }
.ImageUpload .EditModeContainer .LocalBrowserBox .ResizeBox .ResizeLabel { float: left; width: 120px; text-align: right; color:#680f0b; padding:2px 5px 0 0; }
.ImageUpload .EditModeContainer .LocalBrowserBox .ResizeBox .ResizeCheckBox {}
.ImageUpload .EditModeContainer .LocalBrowserBox .ResizeBox .ResizeCheckBox .chk {}

.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox { float: left; width: 200px; overflow: hidden; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .WidthBox { float: left; overflow: hidden; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .WidthBox .WidthLabel { float: left; width: 40px; text-align: right; color:#680f0b; padding:2px 5px 0 0; color: #555555; font: normal 11px Verdana,Arial; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .WidthBox .WidthTextBox { float: left; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .WidthBox .WidthTextBox .txt { width: 40px; border: 1px #bbbbbb solid; font: normal 11px Verdana,Arial; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .HeightBox { float: left; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .HeightBox .HeightLabel { float: left; width: 40px; text-align: right; color:#680f0b; padding:2px 5px 0 0; color: #555555; font: normal 11px Verdana,Arial; }
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .HeightBox .HeightTextBox {}
.ImageUpload .EditModeContainer .LocalBrowserBox .SizeBox .HeightBox .HeightTextBox .txt { width: 40px; border: 1px #bbbbbb solid; font: normal 11px Verdana,Arial; }
.ImageUpload .EditModeContainer .LocalBrowserBox .AspectBox { clear: both; }
.ImageUpload .EditModeContainer .LocalBrowserBox .AspectBox .AspectLabel { clear: both; float: left; width: 120px; text-align: right; color:#680f0b; padding:2px 5px 0 0; }
.ImageUpload .EditModeContainer .LocalBrowserBox .AspectBox .AspectCheckBox {}
.ImageUpload .EditModeContainer .LocalBrowserBox .AspectBox .AspectCheckBox .chk {}

/* --- Image Browser Page ---*/
.ImageBrowser { width: 100%; overflow: hidden; }
.ImageBrowser h1 {}
.ImageBrowser .ControlsContainer { width: 100%; overflow: hidden; margin: 0 0 10px 0; color: #555555; font: normal 9px Verdana,Arial; }
.ImageBrowser .ControlsContainer .SizeBox { float: left;}
.ImageBrowser .ControlsContainer .SizeBox .SizeLabel { float: left; padding: 1px 5px 0 0; }
.ImageBrowser .ControlsContainer .SizeBox .SizeDropDown { float: left; }
.ImageBrowser .ControlsContainer .SizeBox .SizeDropDown .cbo { color: #666666; font: normal 11px Verdana,Arial; }
.ImageBrowser .ControlsContainer .CheckBox { float: left; margin: 0 0 0 20px; }
.ImageBrowser .ControlsContainer .CheckBox .chk { color: #666666; font: normal 11px Verdana,Arial; }
.ImageBrowser .ControlsContainer .Path { clear: both; padding: 1px 0 0 0; }

.ImageBrowser .ImagesContainer { clear: both; }
.ImageBrowser .ImagesContainer .ImageBox_Small { float: left; width: 220px; height: 150px; margin: 0 5px 10px 0; text-align: center; }
.ImageBrowser .ImagesContainer .ImageBox_Small .Image { cursor: pointer; }
.ImageBrowser .ImagesContainer .ImageBox_Small .Image .img { max-width: 200px; max-height: 100px; border: 1px solid #cccccc; padding: 5px; margin: 0; }
.ImageBrowser .ImagesContainer .ImageBox_Small .FileName { color: #666666; font: normal 10px Verdana,Arial; text-align: center; overflow: hidden; }
.ImageBrowser .ImagesContainer .ImageBox_Small .FileInfo { color: #666666; font: normal 8px Verdana,Arial; text-align: center; }

.ImageBrowser .ImagesContainer .ImageBox_Medium { float: left; width: 420px; height: 250px; margin: 0 5px 10px 0; text-align: center; }
.ImageBrowser .ImagesContainer .ImageBox_Medium .Image { cursor: pointer; }
.ImageBrowser .ImagesContainer .ImageBox_Medium .Image .img { max-width: 400px; max-height: 200px; border: 1px solid #cccccc; padding: 5px; margin: 0; }
.ImageBrowser .ImagesContainer .ImageBox_Medium .FileName { color: #666666; font: normal 10px Verdana,Arial; text-align: center; overflow: hidden; }
.ImageBrowser .ImagesContainer .ImageBox_Medium .FileInfo { color: #666666; font: normal 8px Verdana,Arial; text-align: center; }

.ImageBrowser .ImagesContainer .ImageBox_Large { width: 100%; margin: 0 5px 10px 0; text-align: left; }
.ImageBrowser .ImagesContainer .ImageBox_Large .Image {}
.ImageBrowser .ImagesContainer .ImageBox_Large .Image .img { border: 1px solid #cccccc; padding: 5px; margin: 0; }
.ImageBrowser .ImagesContainer .ImageBox_Large .FileName { color: #666666; font: normal 10px Verdana,Arial; }
.ImageBrowser .ImagesContainer .ImageBox_Large .FileInfo { color: #666666; font: normal 8px Verdana,Arial; }
.ImageBrowser .ImagesContainer .ImageBox_Large .Pick { text-align: left; font: normal 16px Verdana,Arial; }

.ImageBrowser .ImagesContainer .Pick { width: 100%; text-align: center; font-family: Arial, Helvetica, sans-serif; color: #0000FF; font-size: 12px; }
.ImageBrowser .ImagesContainer .Pick a { text-decoration: none; }
.ImageBrowser .ImagesContainer .Pick a:hover { text-decoration: underline; }