* { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: #444444; }
* a { font-family: Arial; font-size: 11px; color: #444444; text-decoration: none; cursor: pointer; }
* a:link, a:visited { color: #444444; font-size: 11px; }
* a:hover { color: #666666; text-decoration: underline; }
* span { margin: 0px; padding: 0px; font-family: Arial; font-size: 11px; color: #444444; }
html { overflow: -moz-scrollbars-vertical; overflow-y:scroll; }
body { margin: 0px; width: 100%; font-family: Verdana; font-size: 10px; text-align:center; }
h2 { color:#00959c; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:18px; font-weight: bold; margin-bottom: 0px; margin-top: 0px; }
h3 { color:#666666; text-decoration:none; font-family: Arial, Verdana, Helvetica, sans-serif; font-size:16px; font-weight: bold; margin-bottom: 4px; }

#progressBackgroundFilter { position:fixed; top:0px; bottom:0px; left:0px; right:0px; overflow:hidden; padding:0px; margin:0px; background-color:#3a3a3a; -ms-filter:alpha(opacity=60); -ms-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; width:100%; height:100%; z-index:21; }
#progressBackgroundFilter div { margin:0px auto; width:100%; text-align:center; overflow:hidden; position:absolute; background-color:#3a3a3a; top:50px; -ms-filter:alpha(opacity=60); -ms-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; }

.PreeviewerImageClass{background-color:#FFFFFF; border:1px solid #ACACAC; display:block; float:left;text-align:center; width:450px;}
.PreeviewerClass{background-color:#FFFFFF; border:1px solid #ACACAC; display:block; float:left; padding:10px; text-align:center; width:430px;}
.ResponseMsgPanelWrapper { position:fixed; top:20px; width:100%; padding:0px; z-index:1000; }
.ResponseMsgPanel { margin:0px auto; overflow:hidden; text-align:center; width:700px; min-height: 42px; font-family:Verdana; font-size:11px; padding:10px; font-weight:bold; z-index:20; background-color:#FFFFFF; }
.InfoMessage { border:solid 3px #000099; }
.InfoMessage span { color:#000099;  }
.SuccessMessage { border:solid 3px #008000; }
.SuccessMessage span { color:#008000; }
.WarningMessage { border:solid 3px #FF6600; }
.WarningMessage span { color:#FF6600; }
.ErrorMessage { border:solid 3px #FF0000; }
.ErrorMessage span { color:#FF0000; }

.button { width:auto; padding-left:10px; padding-right:10px; border:1px solid #ACACAC; background-color:#ffffff; font-size:11px; color:#444444; font-weight:normal; background-image:url(images/formButtonBg.gif); background-repeat:repeat-x; background-position:bottom; }
.button:hover, .button:focus, .buttonOn:focus { cursor:pointer; border:1px solid #ACACAC; background-color:#ffffff; font-size:11px; color:#444444; font-weight:normal; background-image:url(images/formButtonBgOn.gif); background-repeat:repeat-x; background-position:top; }
a.button { text-decoration:none; }


.button10px { border: 1px solid #444444; background-color: #ffffff; font-size: 11px; color: #444444; font-weight: normal; background-image: url(images/formButtonBg.gif); background-repeat: repeat-x; background-position: bottom; height:16px;}
.button10px:hover, .button:focus, .buttonOn:focus { border: 1px solid #444444; cursor:pointer; background-color: #ffffff; font-size: 11px; color: #444444; font-weight: normal; background-image: url(images/formButtonBgOn.gif); background-repeat: repeat-x; background-position: top; }
a.button10px{ text-decoration: none; }

textarea { font-family: Arial, Verdana, Helvetica, sans-serif; border: 1px solid #888888; font-size: 11px; background-color: #ffffff; }
textarea.active { font-family: Arial, Verdana, Helvetica, sans-serif; border: 3px solid #888888; font-size: 11px; background-color: #ffffff; }

hr { height:1px; border:solid 1px #ACACAC; }
legend { font-size:12px; color:#444444; text-decoration:none; font-weight: bold; }
fieldset { border-top:none; border-bottom:none; border-right:none; border-left:none; width:100%; }
input[type=text] { border: 1px solid #999999; font-size: 11px; padding-left: 2px; padding-right: 2px; width:auto; }
input[type=password] { border: 1px solid #999999; font-size: 11px; padding-left: 2px; padding-right: 2px; width:auto; }
span.checkbox input { border: 0px; background-color: transparent; margin: 0px; vertical-align: bottom; }
.checkbox, .radio { border: 0px; background-color: transparent; margin: 0px; vertical-align: bottom; }
.fieldset2Cols { border-top:none; border-bottom:none; border-right:none; border-left:none; padding:5px 10px 10px 0px; width:450px; }
.fieldsetWorkflow { padding:5px 10px 10px 10px; width:757px; border:solid 1px #ACACAC;}

.Header { margin: 0px; width: 100%; height: 56px; text-align:left; position: absolute; left: 0px; top: 0px; }
.HeaderContent { margin: 0px auto; width: 1000px; padding: 10px 0px 10px 0px; }
.HeaderContent2 { width: 100%; height: 20px; background-image: url(images/emptyTabSpace.gif); }
.HeaderContent2 .HeaderMenu { margin: 0px auto; width: 1000px; }
.HeaderContent2 .HeaderMenu .DivFloatRight { float: right; height: 20px; }
.HeaderContent2 .HeaderMenu .DivFloatLeft { float: left; height: 20px; }
.HeaderContent3 { width: 100%; height: 21px; background-color: #ACACAC; border-bottom: 1px solid #000000; }
.HeaderContent3 .LabelLogin { margin:0px auto; color:#FFFFFF; font-size:11px; font-weight:bold; height:18px; padding:4px 0px 0px 10px; width:1000px; }
.MainContent1 { margin: 0px auto; width: 1000px; padding: 10px 0px 10px 0px; }

.MainContent1 .Title { float: left; width: 100%; border-bottom: solid 1px #AAAAAA; }
.MainContent1 .Title div { float: left; }
.MainContent1 .Title .Img { width: 18px; height: 15px; padding: 4px; }

.MainContent1 .SubTitle { float: left; width: 100%; padding: 15px 0px 0px 0px; }
.MainContent1 .SubTitle a { text-decoration:none; }
.MainContent1 .SubTitle a div { float:left; text-decoration:none; cursor:pointer; }
.MainContent1 .SubTitle .Img { width: 16px; height: 16px; padding:2px; float:left; }
.Txt{float:left;}
.CSSSubTitle{float:left}
.MainContent1 .SubContentWrapper { float: left; padding: 10px 0px 0px 0px; width: 980px; }
.MainContent1 .SubContentWrapper1 { float: left; padding: 10px 0px 0px 20px; width: 980px; }
.MainContent1 .SubContentWrapperEdit { float: left; padding: 10px 0px 0px 20px; width: 790px; }

/*.MainContent1 .SubContentWrapper .divWrapper div { float: left; }*/
.divWrapper{ float:left; width:100%;}

.ModuleTypeCss{color:#666666; font-family:Arial,Verdana,Helvetica,sans-serif; font-size:12px; font-weight:bold; margin-bottom:4px; text-decoration:none;}

.TblLogin { border:1px solid #ACACAC; width:350px; background-color: #EFEFEF; margin:0px auto; }
.TblLogin tr { border:1px solid #ACACAC; }
.TblLogin tr td { padding:15px; }
.TblLogin tr td div { padding:3px; }
.LoginContent { clear:both; padding-top:30px; }
.LoginDataCell { float:left; width:350px; }
.LoginDataLabel { float:left; text-align: right; width: 80px; }
.LoginDataField { float:left; width:250px; }
.LoginDataFieldError { float:left; width:250px; color:Red; }

.SubContentCenterEdit { float: left; border: 1px solid #ACACAC; width: 778px; background-color: #EFEFEF; padding: 5px; }
.SubContentModuleEdit { float: left; border: 1px solid #ACACAC; width: 600px; background-color: #EFEFEF; padding: 5px; }

.SubContentCenter { float: left; border: 1px solid #ACACAC; width: 948px; background-color: #EFEFEF; padding: 5px; }
.SubContentCenterForm { float: left; border: 1px solid #ACACAC; width: 948px; background-color: #FFFFFF; padding: 5px; background-image: url(images/emptyTabSpace.gif); background-position:top; background-repeat:no-repeat; }
.SubContentCenterTable { float: left; width: 965px; padding: 5px; }  
.SubContentCenterTableMapSite { float: left; width:100%;} 
.SubContentCenterMapSite { float: left; border: 1px solid #ACACAC; width: 97%; background-color: #EFEFEF; padding: 5px; }
 
.GridView { width:995px; border: 1px #ACACAC solid; }
.GridViewInternal { width:820px; border: 1px #ACACAC solid; }
.GridViewHeader { font-size: 11px; background-color: #F1F1F1; padding: 5px; }
.GridViewHeader th { padding: 2px 5px 4px; }
.GridViewRow { font-size: 11px; color: #000000; background-color: #FDFDFD; }
.GridViewRow:hover { background-color: #e2e0e0; }
.GridViewRow td { padding: 2px 5px 4px; }
.GridViewAlternatingRow { font-size: 11px; background-color: #F1F1F1; }
.GridViewAlternatingRow:hover { background-color: #e2e0e0; }
.GridViewAlternatingRow td { padding: 2px 5px 4px; }
.GridViewSelectedRow { font-size: 11px; background-color: #F1F1F1; background-color: #e2e0e0; }
.GridViewSelectedRow td { padding: 2px 5px 4px; }
.GridViewHyperLink { width: 1%; }
.GridViewHyperLink a, .GridViewHyperLink a:visited { font-size: 11px; color: #002780; text-decoration: none; }
.GridViewHyperLink a:hover { text-decoration: underline; }
.GridViewHyperLinkDelete { width: 1%; }
.GridViewHyperLinkDelete a, .GridViewHyperLinkDelete a:visited { font-size: 11px; color: #002780; text-decoration: none; }
.GridViewHyperLinkDelete a:hover { text-decoration: underline; }
a.GridViewHyperLinkTemplate, a.GridViewHyperLinkTemplate:visited { font-size: 11px; color: #002780; text-decoration: none; }
a.GridViewHyperLinkTemplate:hover { text-decoration: underline; }

.SubContentCenterMapSite .DataCell{ float:left;}
.DataRow { float:left; width:100%; padding:2px 2px 2px 2px; }
.DataCell { float:left; width:auto; }
.DataCell2 { float:left; width:100%; }
.DataLabel { float:left; text-align: right; height: 14px; width: 100px; padding: 1px 4px 0px 0px; }
.DataField { float:left; width:235px; }
.DataLabelGT { float:left; text-align: left; height: 14px; width: 100px; padding: 1px 4px 0px 0px; }
.DataFieldBig { float:left; width:562px; }
.DataLabel3Cols { float: left; text-align: right; height: 14px; width:90px; padding: 1px 4px 0px 0px; }
.DataField3Cols { float:left; width:114px; }
.DataLabel2Cols { float: left; text-align: left; height: 14px; width:150px; padding: 1px 4px 0px 20px; }
.DataField2Cols { float:left; width:200px; }
.DataRowButton { clear:both; float:left; width:100%; padding:10px 0px 0px 0px; }
.DataFieldCheckBoxHeader{  float:left; padding-left:665px; font-size:12px; color:#444444; text-decoration:none; }
.DataFieldCheckBox{width:50px; float:left;}

.modalBackground { background-color:#3a3a3a; -ms-filter:alpha(opacity=60); -ms-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; width:100%; height:100%; }
.modalPopup { float: left; border: 1px solid #ACACAC; background-color:#EFEFEF; width: 850px;  padding: 5px; }
.modalPopupFieldset { border-top:none; border-bottom:none; border-right:none; border-left:none; padding:5px 10px 10px 10px; width:810px; }
.modalPopupDataLabel { float:left; text-align: right; height: 14px; width: 110px; padding: 1px 4px 0px 0px; }
.modalPopupDataField { float:left; text-align: left; width:280px; }
.modalPopupDivSroll { max-height:280px; width:837px; overflow-y:auto; }

.TableCreateUserWizard{ width:320px; text-align:left; float:left; }

.CustomTabStyle .ajax__tab_header {font-family:Arial; font-size:11px; font-weight:bold;}
.CustomTabStyle .ajax__tab_outer {padding-right:8px;background:url(images/otherTab_right.gif) no-repeat right; height:20px;}
.CustomTabStyle .ajax__tab_inner {padding-left:9px;background:url(images/otherTab_left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_tab {height:20px;padding:4px;margin:0px;background:url(images/otherTab_middle.gif) repeat-x;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_outer {cursor:pointer;background:url(images/currentTab_right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_inner {cursor:pointer;background:url(images/currentTab_left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_hover .ajax__tab_tab {cursor:pointer;background:url(images/currentTab_middle.gif) repeat-x;}
.CustomTabStyle .ajax__tab_active .ajax__tab_outer {background:url(images/currentTab_right.gif) no-repeat right;}
.CustomTabStyle .ajax__tab_active .ajax__tab_inner {background:url(images/currentTab_left.gif) no-repeat;}
.CustomTabStyle .ajax__tab_active .ajax__tab_tab {background:url(images/currentTab_middle.gif) repeat-x;}
.CustomTabStyle .ajax__tab_disabled { color: #A0A0A0;}
.CustomTabStyle .ajax__tab_body {padding:0px;}

.floatLeftAuto{ float:left; width:auto;padding-left:2px;padding-right:2px;}

/********** JQUERY ImagesSlider PReeview ************/
ul.thumb {
	float: left;
	list-style: none;
	margin: 0; padding: 5px;
	width: 100px;
}
ul.thumb li {
	margin: 0;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 80px;
	height: 80px;
	left:-22px;
}
ul.thumb li img {
	width: 70px; height: 70px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: 1px solid #ddd;
	padding: 5px;
	background: #f0f0f0;
	position: absolute;
	left: 0; top: 0;
}
ul.thumb li img.hover {
	background:url('http://localhost/SpiritucSI.ContentManagerv4.0/Backoffice/Images/thumb/thumb_bg.png') no-repeat center center;  /* Image used as background on hover effect*/
	border: medium none; /* Get rid of border on hover */
}

.txtCenter{text-align:center}
.imgfloat{float:left;}
.bgImg{	background:url('http://localhost/SpiritucSI.ContentManagerv4.0/Backoffice/Images/thumb/thumb_bg.png') no-repeat center center;  /* Image used as background on hover effect*/}
.DataRow1{float:left; width:100%; padding:2px;}

.modalBackground { background-color:#3a3a3a; -ms-filter:alpha(opacity=60); -ms-opacity:0.6; filter:alpha(opacity=60); opacity:0.6; width:100%; height:100%; }
.modalPopup { float: left; border: 1px solid #ACACAC; background-color:#EFEFEF; width: 522px;  padding: 5px; }
.modalPopupFieldset { border-top:none; border-bottom:none; border-right:none; border-left:none; padding:5px 10px 10px 10px; width:500px; }
.modalPopupDataLabel { float:left; text-align: right; height: 14px; width: 110px; padding: 1px 4px 0px 0px; }
.modalPopupDataField { float:left; text-align: left; width:280px; }
.modalPopupDivSroll { max-height:280px; width:837px; overflow-y:auto; }

.NoUnderline{ text-decoration:none!important;}
.NoUnderline:hover{ text-decoration:none!important;}

.DataFieldPad { float: left; padding-right: 10px; }
.DataFieldFloat { float: left; }
.DataLabelNPad { float: left; height: 14px; padding: 1px 4px 0; text-align: right; width: 120px; }

.treepanel {  color:#16204B; font-family:Arial; font-size:10px; width:197px; height:325px; padding:5px; background-color:#ffffff; float:left } /* border:1px solid #999999; */
.treepanel table td { cursor:pointer }
.treepanel table td a { color:#16204B; }
.Leftfloat{float:left; width:100%}

.BreadCrumb { float:left; padding-right:3px; padding-bottom:3px; }
.BreadCrumb span{ color: #444444; font-size: 11px; font-weight:bold }