/* gray back 6E7176  , orange front EA6A00   */

BODY {
	background-color: fff;
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	color: #3B3B3B;
	margin: 0 0 0 0;
}
.TextBody {
	margin-top: 15px;
}

.mainContainerBody
{
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	width: 1010px;
}
.MainBody
{
	FONT-FAMILY: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 70%;
	text-align: center;

}
.MainBody Form
{
	border: solid 0px red;
	width: 1010px;
	margin:  0px  0px 0px 0px;
	padding: 0px  0px 0px 0px;
}
.MasterContainer
{	
	clear: both;
	float: none;
	width: 1010;
	border-top: 0px solid Silver;		
	border-bottom: 0px solid Silver;		
	border-left: 0px solid Silver;		
	border-right: 0px solid Silver;	
	text-align: left;

}
.MainContainer
{	
	position: relative;
	float: left;
	background-color: white;
    clear: both;
    margin: 3 0 3 0;
    padding: 5 10 5 10;
	width: 1010px;
}
.EverythingBelowPageTop
{
	float: left;
	position: relative;
	width: 1010px;
	height: 967px;
	background-image: url(images/main_back.gif);
	background-repeat: no-repeat;	
	clear: both;	

}
.CenteredDIV
{
	width: 100%;
	text-align: center;
}
textbox {
	FONT-FAMILY: Arial, Verdana, Sans-serif;
	font-size: 100%;
}

h1
{
 	Color: #666666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 170%;
}
h2
{
 	Color: #666666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 160%;	
}
h3
{
 	Color: #666666;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	clear: both;
	font-size: 150%;
}
h4
{
	color: #00008B;
	font-size: 120%;
	font-weight: bold;
	width: 100%;
	background-color: silver;
	border: solid 2px silver;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	text-indent: 3px;
	clear: both;
}

td
{
	font-size: 70%;
}

HR.clear {
	DISPLAY: none
}

.tr.MainBar
{
	color: black;
	font-family: Trebuchet MS;
	font-weight:bold;
	font-size: 120%;
}

.tr.MainBar td
{
	background-color: #B1C3D9;
	border-bottom: solid 1px gray;
	padding-left: 2px;
}

.tr.SubBar
{
	color: white;
	width: 100%;
	border: solid 1px silver;
	font-family: Trebuchet MS;
	font-size: 110%;
	font-weight: bold;
	
}
.tr.SubBar td
{
	background-color: #B1C3D9;
	border-bottom: solid 1px gray;
	padding-left: 2px;	
}

.table.MasterDivTable
{
	border: solid 1px silver;
	width: 100%;
}
.table.DivTable
{
	border-bottom: solid 0px silver;
	width: 100%;
}

.table.LighBlueBoxTable
{
	border-right: lightgrey 1px solid;
	border-top: lightgrey 1px solid;
	border-left: lightgrey 1px solid;
	border-bottom: lightgrey 1px solid;
}

.table.FieldTable
{
	color: #284E79;
}

.table.FilterBarTable
{
	color: black;
	width: 98%;
	border: solid 1px #silver; 
	vertical-align: middle;
}

.table.FilterBarTable td
{
	background-color: #9aabbd;
	border-right: solid 1px white;
}
.popularButton
{
	border: 0px;
	vertical-align: middle;
	text-decoration: none;
}
.popularButton a:Link
{
	border: 0px;
	vertical-align: middle;
}
.popularButton a:hover
{
	text-decoration: none;
}

.ListBoxWrapper
{
	float: left;
	background-color: #F1F4F7;
	margin: 0 0 0 0;
	border: 1px solid gray;
	width: 100%;
}
.ListBoxWrapperInColumns
{
	float: left;
	background-color: #F1F4F7;
	margin: 0 0 0 0;
	border: 1px solid gray;
	width: 148px;
	overflow: hidden;	
}
.BoxListContainer
{
	clear: both;
	float: left;
	width: 100%;
}
.BoxTitle
{
	width: 100%;
	height: 20PX;
	float: left;
	color: black;
	font-weight: bold;
	font-size: 140%;
	text-align: left;
	font-family: Arial;
	padding: 0 0 2 0;
	_padding: 0 0 0 0;
	text-indent: 2px;
	clear: both;
}
.RedBOXTitle
{
	background-color: #9aabbd;
	width: 100%;
	height: 20PX;
	float: left;
	color: white;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	font-family: Trebuchet MS;
	padding: 0 0 2 0;
	_padding: 0 0 0 0;
	text-indent: 2px;
	clear: both;	
}
.BoxList
{
	float: left;
	clear: both;
}
.BoxHeaderRow
{
	clear: both;
	float: left;
	width: 100%;
	background-color: white;
	border-bottom: 1px white solid;
	font-weight: bold;
	position: relative;	
}
.BoxRow
{
	position: relative;	
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px white solid;
}
.BoxColumn1
{
	float: left;
	width: 45%;
}
.BoxColumn2
{
	float: left;
	width: 20%;
}
.BoxColumn3
{
	float: left;
	width: 35%;
}
.BoxBottom
{
	background-color: white;
	width: 100%;
	height: 30PX;
	float: left;
	color: black;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
	font-family: Arial;
	padding: 2 0 2 0;
	_padding: 5 0 0 0;
	text-indent: 2px;
	clear: both;
	border-top: 1px #c2c2c2 solid;	
}

/* mail styles */

.mailContainerDiv
{
	background-color: #E6EFEA;
	width: 500px;
	margin: 0 0 5 235;
	_margin: 0 0 5 120;
	border: 1px solid silver;
	text-align: left;
	clear: both;
	float: left;	
}
.mailToDIV
{
}
.mailTitleRow
{
	background-color: #59BE96;
	width: 100%;
	height: 20PX;
	float: left;
	color: white;
	font-weight: bold;
	font-size: 120%;
	text-align: left;
	font-family: Trebuchet MS;
	padding: 0 0 2 0;
	_padding: 0 0 0 0;
	text-indent: 2px;
	clear: both;
}
.mailRow
{
	clear: both;
	float: left;
	width: 100%;
	border-bottom: 1px white solid;
	padding: 0 0 0 2;
	_padding: 0 0 0 2;	
}
.mailLabelCell
{
	float: left;
	clear:both;
	width: 150px;
	padding: 0 0 2 0;
	_padding: 5 0 0 2;
}
.mailInputCell
{
	clear:both;
	padding: 0 1 0 1;
	float: left;
}

.PopupCalendar
{
}

.PopupCalendar a:Link
{	text-decoration: none; }
.PopupCalendar a:visited
{	text-decoration: none; }
.PopUp
{
	position: absolute;
	display: none;
	z-index: 99;
}

.tr.FilterBar
{
	color: black;
	width: 100%;
	border: solid 1px silver;

}
.tr.FilterBar td
{
	border-right: solid 1px white;
	vertical-align: middle;
	background-color: #E3E3E3;
}
.tr.FilterBar td a:Link 
{
 
 border: solid 1px silver;
 margin-top: 2px;
 text-decoration: none;
}
td.FieldLabelCell
{
	background-color: #E0E0E0;
	color: #284E79;
	border-bottom: solid 1px #E0E0E0;
	padding-left: 2px;	
}
td.FieldCell
{
	border-bottom: solid 1px #E0E0E0;
	color: #284E79;
	padding-left: 2px;
}
td.ItemTitleCell
{
	font-size: 110%;
	vertical-align: middle;
	color: #4f2f17;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	background-color: #ffcc66;
	text-align: center;
}

.ImageLink
{
	position:relative;
	top: 2;
	left: 1;
	border: solid 1px silver;
}
.IconLinkButton
{
	text-decoration: none;
	font-family: Arial;
	background-color: white;
	color: Black;
	border: solid 1px silver;
	padding: 1 1 1 1;
}
.ImageButton
{
	border: solid 1px silver;
	vertical-align: text-bottom;
}

.ErrorText
{
	font-size: 120%;
	color: Red;
	font-weight:bolder;
}

.ItemStyle {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: #E1E1E1;
}

.ListHeader
{
	/* background-color: #871B6A; */
	background-color: #447FB2;
	color: White;
	font-weight: bold;
}
.ListHeader a:link
{
	color: white;
	text-decoration: none;
}
.ListHeader a:hover
{
	color: white;
	text-decoration: none;
	background-color: Silver;
}
.ListHeader a:active
{
	color: black;
	text-decoration: none;
	background-color: Silver;
}
.ListHeader a:visited
{
	color: white;
	text-decoration: none;
}
.ListItem
{
	background-color: #ffffff;
	Color: #4A3C8C;
}
.ListAlternateItem
{
	background-color: #E7E7E7;
	Color: #4A3C8C;
	
}
.ListSelected
{
	font-weight: bold;
	Color: #F7F7F7;
	background-color: Silver;
}
.ListFooter
{
	 Color: #4A3C8C;
	 background-color: silver;
	 text-align: center;
}

.DataGrid
{

} 

.table.BottomBar
{
	color: #284E79;
	width: 1010px;
	background-color: #CDDAF8;	
	border: solid 1px silver;
	vertical-align: middle;
}
.table.BottomBar td
{
	border-right: solid 1px white;
}
.table.ListContainerTable
{
	border: solid 0px silver;
	width: 100%;
}
.table.PageHeaderTable
{
	width: 100%;
}

/* Login pages */

.Centerizer
{
	text-align: center;
	width: 100%;
	padding-right: 45px;
}
.MainLoginContainer
{
	margin: 0 160 0 160;
	_margin: 0 0 0 0;
	position: relative;
	clear: both;
	border: 0 solid black;
	width: 635px;
}

.FirstTimeBox
{
	float: left;
	margin-left: 275px;
	margin-bottom: 20px;
	_margin-left: 140px;
	width: 235px;
	height: 272px;
	color: black;
	border: 0px solid gray;
	clear: both;
}

.LoginDataBox
{
	float: none;
	margin-bottom: 10px;
	margin-left: 180px;
	_margin-left: 0px;
	margin-top: 60px;
	_margin-top: 40px;
	padding-left: 23px;
	width: 235px;
	height: 292px;
	background-image: url(images/box_login.gif);
	background-repeat: no-repeat;
	color: White;
	text-align: left;
	clear: both;
}
.LoginTopDIV
{
	margin-left: 80px;
	_margin-left: 0px;
	position: relative;
	float: none;
	top: 30px;
	width: 500px;
	height: 60px;
	padding: 0 0 0 0;
	border: 0px solid #505090;
	clear: both;
}
.LogoTopButtonContainer
{
	margin-top: 5px;
	clear: both;
	width: 100%;
	margin-bottom: 4px;	
}
.LogoTopTextArea
{
	position: relative;
	float: left;
	width: 100%;
	height: 70px;
	_padding: 10 0 0 0;
	font-family: Arial;
	font-size: 110%;
	clear:both;
}
.LogoTopButtonArea
{
	position: relative;
	float: left;
	width: 180px;
	height: 35px;
	_height: 45px;
	margin: 5 20 5 20;
	padding-bottom: 2px;
	background-color: #E5E5E5;
	color: black;
	font-weight: bold;
	text-align: center;
	font-family: Arial;	
	border: 1px solid silver;
}
.LoginDataBoxRow
{
	position: relative;
	float: left;
	clear: both;
	width: 100%;
}
.BlankLine30
{
	position: relative;
	float: left;
	height: 30px;
	clear: both;
	text-align: center;
}
.LoginLabelDiv
{
	position: relative;
	height: 16px;
	float: left;
	clear: both;
}
.LoginLabelDiv label
{
	
}
.LoginDataDiv
{
	position: relative;
	height: 40px;
	float: none;
	clear: both;

}

/* TABS */

#ddimagetabs{
}

#ddimagetabs a
{
display: block;
text-decoration: none;
font: bold 12px Arial; /*tab font */
color: #1f4f77;
height: 22px; /*height of tab image */
display: inline;
margin: 5 2 0 0;
padding: 3 3 0 3; /*vertical offset of tab text from top of tab*/
background-image: url(images/tabback.jpg); /*URL to tab image */
background-repeat: repeat-x;
text-align: center;
border-top: solid 1px silver;
border-left: solid 1px silver;
border-right: solid 1px silver;
}

#ddimagetabs a:hover {
background-image: url(images/tabbackover.jpg); /*URL to tab image */
background-repeat: repeat-x;
color: #708090;
}
#ddimagetabs a:active {
background-image: url(images/tabbackon.jpg) !Important; /*URL to tab image */
background-repeat: repeat-x;
color: black;
}

#ddimagetabON  {
background-image: url(images/tabbackon.jpg) !Important; /*URL to tab image */
background-repeat: repeat-x;
color: #023a6b;
}

.TabListItems
{
 Font-Size : 90%;
 font-family: "Trebuchet MS";
}
.ImageInTab
{
	width: 250px;
}
.MouseOverDIV
{
	color: #3B3B3B;
	border: solid 0px red;
}
.MouseOverDIV a
{
	background-image: url(/images/ItemArrow.gif);
	background-repeat: no-repeat;
	background-position: 0 2;
	padding-left: 20px;
	Font-Size : 100%;
	font-family: "Trebuchet MS";
	width:100%;
	text-decoration: none;	
}

.MouseOverDIV a:hover
{
	background-image: url(/images/ItemArrowHover.gif);
	background-repeat: no-repeat;
	background-position: 0 2;
	background-color: transparent;
}
.MouseOverDIV a:active
{
	background-image: url(/images/ItemArrowHover.gif);
	background-repeat: no-repeat;
	background-position: 0 2;
	background-color: transparent;
	color: black;
}

/* Master Express Menu Items on right TOP  */

.MainButtonContainer
{
	width: 130px;
	position: relative;
	float:left;
	top: 24px;
}
.DIVbtnBullet
{
	width: 120px;
	height: 16px;
	_height: 19px;
	padding-bottom: 4px;
	clear:both;
	float:left;	
}

.DIVbtnBullet a
{
	background-image: url(images/buttonbullet.gif);
	background-repeat: no-repeat;
	background-position: 0 3;
	width: 120px;
	color: black;
	text-decoration: none;
	font-weight: bold;
	font-family: Arial;
	font-size: 14;
	padding-left: 15px;
}
.DIVbtnBullet a:hover
{
	background-image:url(images/btn_yellow_over.jpg);
	background-color: #E7E7E7;
}
.btnImage
{
	border: 0;
	margin-right: 10px;
}
.btnImage a:hover
{
	text-decoration: none;
}

.TabPagePaper
{
	border: solid 1px #C0C0C0;
}
.PaperWriteArea
{
	padding: 5 5 5 5;
	border: solid red 0px;
	width: 100%;
}

.tabcontent{
display: none;
}

.ApplyTable
{
	width: 420px;
	border: 0;
	height: 550px;
	
}
.ApplyTable img
{
	left: 10;
	
}

.ApplyTable th
{
	padding: 20 2 20 2;
	font-size: 120%;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;	
}
.ApplyTable td
{
	vertical-align: top;
	
}

.InnerTable
{
	width: 100%;
	border: solid 1px silver;
	margin: 30 0 20 0;
}
.InnerTable th
{
	font-size: 100%;
	padding: 0 0 0 3;
	height: 25px;
	text-align: left;
}
.InnerTable td
{
	padding: 0 0 0 0;
	vertical-align: middle;
	text-indent: 3;

}
.SelectionTable
{
	margin: 10 0 0 20;
}
.CounterBoxes
{
	vertical-align: middle;
	text-align: center;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	border: 0;
	vertical-align: middle;
}
.CounterBoxes.Title
{
	background-color: white;
	font-size: 80%;	
}
.CounterBoxes.ActiveCell
{
	background-color: silver;
	border: solid 1px silver;
	color: white;
	font-weight: bold;
	font-size: 200%;
	width: 90px;
	height: 40px;
	text-align: center;	
}
.CounterBoxes.InActiveCell
{
	background-color: #ffffff;
	border: solid 1px silver;
	color: silver;	
	font-size: 200%;
	width: 90px;
	height: 40px;
}
.CounterBoxes.TitleCell
{
	background-color: white;
	font-size: 80%;	
}
.ApplyImageCell
{
	padding: 0 10 0 0;
	width: 50px;
}

.LinkTable tr td
{
	padding: 1 5 1 5 5;
}



.TopLink
{
	text-decoration: none;
	font-family: Trebuchet MS;
	font-weight: bold;
	font-size: 16;
	color: Black;
}
.TopText 
{
	font-size: 10;
	color: white;
	padding: 0 0 0 2;
}
.DIVtopDIVtopPage
{
	position: relative;
	width: 1010px;
	top: 0px;
	border-left: 0px solid Silver;	
	border-right: 0px solid Silver;
	border-bottom: 0 solid red;

	float: left;
	clear: both;
}

/* Top banner1 */

.DIVbanner1
{
	position: relative;
	height: 25px;
	width: 1010px;
	top:0px;
	clear: both;
}
.DIVBanner1Left
{
	background-image:url(images/banner1_middle.gif); /*URL to tab image onmouseover */	
	position: relative;
	height: 91px;
	width: 794px;
	float: left;
	top:0px;
}
.DIVBanner1Middle_ not_used
{
	position: relative;
	height: 54px;
	width: 488;
	background-image:url(images/banner1_middle.gif); /*URL to tab image onmouseover */		
	float: left;
	top:0px;
	border: 0px red solid;
}
.DIVBanner1Right
{
	position: relative;
	background-image:url(images/banner1_right.gif); /*URL to tab image onmouseover */		
	height: 91px;
	width: 216px;
	float: right;
	top:0px;
}
.DIVtopright {
  position: relative;
  height: 25px;
  width: 100%;
  top: 0px;
  text-align: left;
  padding: 0 0 0 0;
}

.DIVUserArea 
{
  position: relative;
  top: 0px;
  height: 25px;
  vertical-align: text-bottom;

  color: White;
}
  
 .DIVPictureStrip_not_used
 {
  position: relative;
  height: 122px;
  top: 0px;
  width: 1010px;
  background-image:url(images/image_strip.gif);
  background-repeat: no-repeat;
 }
 

/* Top banner2 */

.DIVbanner2
{
	position: relative;
	float: left;
	height: 133px;
	width: 1010px;
	clear: both;
	margin: 0 0 0 0;
}
.DIVBanner2Left
{
	background-image:url(images/banner2_left.gif); /*URL to tab image onmouseover */	
	position: relative;
	height: 140px;
	width: 170px;
	float: left;
	top:0px;
}
.DIVBanner2Middle
{
	position: relative;
	height: 140px;
	width: 624px;
	background-image:url(images/banner2_middle.gif); /*URL to tab image onmouseover */	
	background-repeat: no-repeat;	
	float: left;
	top:0px;
	margin: 0 0 0 0;	
}
.DIVBanner2Right
{
	position: relative;
	background-image:url(images/banner2_right.gif); /*URL to tab image onmouseover */		
	height: 140px;
	width: 216px;
	float: right;
	top:0px;
}

/* MainToolbar */
   
.DIVtoolbar
{
  background-image :url(images/toolbar_back.gif); /*URL to tab image onmouseover */	
  background-repeat : no-repeat;
  position: relative;
  float: left;
  height: 28px;
  _height: 36px;
  width: 1010px;
  _width: 1010px;
  text-align: left;
  border: 0px solid red;
  margin: 0 0 0 0;
  padding: 8 0 0 0;
  _padding: 3 0 0 0;
  clear: both;
  font-size: 105%;
  color: black !Important;  
	font-weight: bold;
	font-family: Arial;
	font-size: 14;
}

.DIVtoolbar a
{
  color: black !Important;  
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px #6E7176;
	text-decoration: none;
	height: 18px
}
.DIVtoolbar a:hover, .DIVtoolbar a:active
{
  	background-color: #DEDDDE;
 	color: black !Important;
}
     
 .DIVtoolbarPencilContainer
  {
  position: relative;
  float: right;
  height:22px;
  width: 25px;
  top:0px;
  border: 0px solid green;
  }
  .DIVtoolbarContainer
  {
  position: relative;
  float: left;
  height:22px;
  width: 90%;
  top:0px;
  border: 0px solid yellow;
  padding: 0 0 0 0;
  _padding: 5 4 2 4;
  clear: both;
  }
 .ToolbarItems
  {
	text-align: left;
  }
 .ToolbarLink
  {
	color: #6E7176 !Important;
	padding-left: 8px;
	padding-right: 8px;
	border-right: solid 2px silver;
	text-decoration: none;
  } 
 .ToolbarLink1
  {
	color: Yellow !Important;
	font-weight: bold;
  }
  .ToolbarLink A:Hover
  {
	background-color: Gray !Important;
	color: Black !Important;
  }  
 .ToolbarLabel
 {
	color: black;
 }
 .ToolbarLabel A:link
 {
	text-decoration: none;
 }
 .ToolbarLabel A:Hover
 {
	color: black;
 }
 .ToolbarLabel A:Visited
 {
	color: black;
	text-decoration: none;	
 }
 
 /* Page Edit Pencil Buttons */  
 
  .PencilContainerLeft
 {
	position: relative;
	float: right;
	border: 0px solid black;
	z-index: 99;
 }
 
  .Pencil1
  {
	position: relative;
	display: none;
	top: 0px;
	z-index: 99;
    border: 0px solid red;	
  }
  .Pencil2
  {
	position: relative;
	display: none;
	top: 0px;
	z-index: 99;
    border: 0px solid red;	
  } 
  
 /* Page Edit Pencil Buttons */  
 
  .PencilContainerLeft
 {
	position: relative;
	float: right;
	border: 0px solid black;
	z-index: 99;
 }
 
  .Pencil1
  {
	position: relative;
	display: none;
	top: 0px;
	z-index: 99;
    border: 0px solid red;	
  }
  .Pencil2
  {
	position: relative;
	display: none;
	top: 0px;
	z-index: 99;
    border: 0px solid red;	
  } 
  
/* Horisontal SubmenuBar */
.SubMenuH
{
	width: 100%;
	height: 15px;
	position: relative;
	float: left;
	clear: both;
}
.SubMenuHItems
{
	background-color: silver;
	padding-top: 1px;
	padding-bottom: 3px;
	border: 0px solid blue;
	position: relative;
	float: left;
	clear: both;
	position: relative;
} 
.SubMenuHItem
{
	color: White !Important;
	padding-left: 8px;
	padding-right: 8px;
	border-right: solid 1px white;
	position: relative;
	text-decoration: none;
} 
.SubMenuHItem a:hover
{
	background-color: gray !Important;
	color: Black !Important;
}
.SubMenuTip
{
	float:left;
}
/* Vertical SubmenuBar */
.SubMenuV
{
	width: 100%;
	position: relative;
	float: left;
	clear: both;
	border-bottom: 2px solid silver;
}
.SubMenuVHeader
{
	padding-top: 1px;
	padding-bottom: 3px;
	border: 0px solid blue;
	position: relative;
	float: left;
	clear: both;
	position: relative;
	color: #28547b;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 130%;
	width: 100%;
	margin-left: 1px;	
	border-bottom: 1px solid #cfdff9;
	
}
.SubMenuVItems
{
	padding-top: 1px;
	padding-bottom: 3px;
	border: 0px solid blue;
	position: relative;
	float: left;
	clear: both;
	width: 100%;	
} 
.SubMenuVItem a
{
	position: relative;
	clear: both;
	float: left;
	color: #6E7176 !Important;
	margin-left: 3px;
	background-image:url(images/btn_yellow_idle.jpg);
	background-repeat: no-repeat;
	background-position: 0 4;
	_background-position: 0 3;
	padding-left: 15px;
	text-decoration: none;
	xxheight: 18px;
	width: 100%;
	padding-top: 2px;
	border-bottom: 1px solid #cfdff9;
} 
.SubMenuVItem a:hover
{
	background-image:url(images/btn_yellow_over.jpg);
	background-color: #E7E7E7;
}  
/* Main Area Column Section */

.DivColumnContainer
{
	clear: both;
	float: left;
}
.DIVleft 
{
	position: relative;
	width: 155px;
	padding: 5 0 5 0;	
	float: left;
	overflow: hidden;	
	
}
 
.mainWith2Columns
{
	position: relative;
	width: 645px;
	_width: 655px;
	padding: 5 5 5 5;	
	float: left;

}
.mainWith1ColumnLeft
{
	position: relative;
	width: 855px;
	padding: 5 0 5 5;	
	float: left;
	
}
.mainWith1ColumnRight
{
	position: relative;
	width: 805px;
	padding: 5 5 5 0;	
	float: left;
	
}
.mainWith0Columns
{
	position: relative;
	width: 1010px;
	padding: 5 0 5 0;		
	float: left;
	
}
.DIVright 
{
	position: relative;
	width: 200px;
	overflow: hidden;
	padding: 5 0 5 0;		
	float: right;

	
}

.CenterBox
{
	border: solid 0px red;
	width: 570px;
	float: left;
}
.LeftBox
{
	float: left;
	border-right: solid 1px silver;
	width: 200px;
	height: 100%;
}
.RightBox
{
	float:left;
	border-left: solid 1px silver;
	width: 200px;
}
.leftColumn
{
	float: left;
	padding: 2 2 2 2;	
	position: relative;
	width: 129px;
	_width: 135px;
	border: 0px solid #d2d2d2;
	
	
}
.middleColumnWith2Column
{
	position: relative;
	width: 635;
	_width: 645;
	border: 0px solid #d2d2d2;
	padding: 4 4 4 4;		
	float: left;
}
.middleColumnWith1Column
{
	position: relative;
	width: 790;
	_width: 800;
	border: 0px solid #d2d2d2;
	padding: 4 4 4 4;		
	float: left;
}
.middleColumnWith0Column
{
	position: relative;
	width: 1000;
	_width: 1010px;
	border: 0px solid #d2d2d2;
	padding: 4 4 4 4;		
	float: left;
}
.rightColumn
{
	position: relative;
	width: 196px;
	_width: 200px;
	padding: 2 2 2 2;		
	overflow: hidden;
	float: left;
	border: 0px solid #d2d2d2;
}
/* Show Hide Bar */
.DivMemberContainer
{
	display: inline;
}
.ShowHideTitle
{
	font-weight: bold;
	float: left;
	position: relative;
	_padding-top: 3px;
	padding-left: 5px;
}
.ShowHideTitle2
{
	float: right;
	position: relative;
	_padding-top: 3px;
	padding-right: 3px;
	color: gray;	
}
.ShowHideButtonContainer
{
	float: right;
	position: relative;
}

/* BottomToolbar */

.ButtonBarInsideDiv
{
	position: relative;
	height: 20px;
	width: 100%;
	background-color: #56768f;
	background: url(images/UC_ToolbarBack.gif) repeat-x;
	text-align: left;
	border: 1px solid silver;
	margin: 0 0 0 0;
	padding: 5 0 0 0;
	_padding: 0 0 0 0;
	clear: both;
}

.ButtonBarInsideDiv a
{
	color: #035181 !Important;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px silver;
	text-decoration: none;
	height: 18px
}
.ButtonBarInsideDiv a:hover, .ButtonBarInsideDiv a:active
{
	background-color: #B0B0B0;
	color: White !Important;
}
.DIVButtonBar
{
	position: relative;
	float: left;
	height: 20px;
	width: 635px;
	background-color: #AFDBC5;
	text-align: left;
	border: 1px solid #E0E0E0;
	margin: 0 0 0 165;
	_margin: 0 0 0 82;
	padding: 5 0 0 0;
	_padding: 0 0 0 0;
	z-index: 0;
}

.DIVButtonBar a
{
	color: White !Important;
	font-weight: bold;
	margin-top: 2px;
	margin-bottom: 2px;
	padding-top: 2px;
	padding-left: 15px;
	padding-right: 15px;
	border-right: solid 1px white;
	text-decoration: none;
	height: 18px
}
.DIVButtonBar a:hover, .DIVButtonBar a:active
{
	background-color: #B0B0B0;
	color: White !Important;
}
/* BottomBar */

.DIVbottombar
{
	position: absolute;
	top: 820px;
	width:100%;
	text-align: left;
	left: 175px;
	_left: 173px;
	border: 0px none;
	border-top: solid silver 0px;
	margin: 1 0 1 0;
	padding-top: 4px;
	clear: both;
	float:left;
	font-weight: bold;
	font-family: Arial;
	font-size: 12;
} 

.DivLeita
{
	position: relative;
	height:70px;
	background-image:url(images/top_bar_leit.gif); /*URL to tab image onmouseover */
	width: 83px;
	border: 0px solid yellow;  
	float: left;
}
.DIVBannermain
{
	position: relative;
	float: right;
	height: 70px;
	width: 430px;
	top:0px;
	border: 0px solid blue;

	background-image:url(images/top_main.gif); /*URL to tab image onmouseover */
}

.DIVleftmenu
{
	position: relative;
	height:471px;
	width:152px;
	top:0px;
	left: 0px;
	border:0px none black;
}

.DIVcontainer_Not_used
{
  position: absolute;
  top: 0px;
  left: 0px;
  width: 100%;
  /* width:expression(document.body.clientWidth < 600 ? "600px" : "100%" ); */
  border: 0px solid yellow;
  z-index: 10; 
  }   

.DivDiv
{
	background-color: Black;
}


  .bottomLabel
  {
	color: White;
	top: 3px;
	text-align: center;
  }
   .HostPageTopBar 
  {
  width:100%;
  border-bottom: 1px solid white;
  background-color: #9aabbd;
  color: White;
  margin: 0 0 0 0;
  padding: 0 20 0 0;
  height: 30px;
  }
  .DIVHostPageLogo
  {
	background-image: url(images/HostPageLogo.jpg);
	background-repeat: no-repeat;
	float: left;
	width: 428px;
	height: 27px;
  }
  .DIVHostPageButton
  {
	padding-top: 2px;
	float: right;
  }
  
.HostPageButton
{
	text-decoration: none;
	font-family: Arial;
	background-color: #9aabbd;
	color: Black !Important;
	font-weight: bold;
	border: solid 1px #c2c2c2;
	padding: 4 4 4 4;
	width: 140px;
	text-align: center;
	font-size: 110%;
}
  
 .infotext
 {
	color: white;
	background-color: #daa520;
	padding: 2 2 2 2;
 	border: solid 1px silver;
}
  .textspan
  {
	margin: 10 10 10 10;
  }

    
/* Photo Album styles */
  
#AlbumTable
	{
	height: 100%;
	border: solid 0px red;
	}
#AlbumPhotoCell
	{
	vertical-align: top;
	border: solid 0px red;
	}
#AlbumToolbarCell
	{
	text-align: center;
	}

.AlbumImage
{
	border: solid 1px silver;
}
.AlbumImageInList
{
	border: dotted 1 silver;
	vertical-align: top;
	width: 20%;
}
.AlbumImageInList td
{
	 vertical-align: text-top;	 
}
.AlbumDate
{
	color: Silver;
	font-size: 90%;
}
.AlbumTitle
{
	color: #708090;
	font-size: 100%;
}

.AlbumDonator
{
	color: Silver;
	font-size: 100%;
} 
  #PlayerContainer
  {
	border: solid 0px red;
	width: 144px;
  } 
  #Player_Lskin
  {
	background-image: url(images/Player_Lskin.gif); /*URL to tab image onmouseover */
	width: 32px;
	height: 24px;
	float: left;	
  }
  #Player_Rskin
  {
	background-image: url(images/Player_Rskin.gif); /*URL to tab image onmouseover */
	width: 29px;
	height: 24px;
	float:right;
  }
  #Player_Left
  {
	background-image: url(images/Player_Left.gif); /*URL to tab image onmouseover */
	width: 43px;
	height: 24px;
	position: relative;
	float: left;	
  }
  #Player_Right
  {
	background-image: url(images/Player_Right.gif); /*URL to tab image onmouseover */
	width: 40px;
	height: 24px;
	float: left;
  }
  .AlbumDelIcon
  {
	display: inline;
	z-index: 99;
  }
  
  .btnTextSize1 a:hover
  {
	border: solid 1px black;	
  }
 
 /* News styles */  
  
 .NewsPencilContainer
 {
	position: relative;
	float: right;
	border: 0px solid black;
	right: 20px;
	z-index: 99;
 }
 .NewsListContainer
 {
	position: relative;
	float: left;
	width:100%;
	clear: both;
	position: relative;

 } 
 .NewsList
 {
	position: relative;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
 } 
 
 .NewsWrapper
{
	margin: 0 0 0 0;
	border-bottom: solid 1px #AFDBC5;
	float: left;
	clear: both;
	position: relative;
	width: 100%;
}
.NewsDetailLineDIV
{
	clear: both;
	float: left;	
}
.NewsDate
{
	font-size: 80%;
	color: gray;
}
.NewsCategory
{
	font-size: 80%;
	color: #DAA520;
	font-weight: bold;
}
.NewsAuthor
{
	font-size: 80%;
	color: gray;
}
.NewsTitleDIV
{
	clear: both;
	float: left;
	height: 18px;
	_height: 22px;
	width: 100%;

}
.NewsContentDIV
{
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 5 0;	
}
.NewsTitle
{
	color: Black;
	font-size: 120%;
	font-weight: bold;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	
}
.NewsContent Img
{
}
.NewsOneArticleWrapper
{
	padding: 5 5 5 5;
	border: 1px red solid;
	width: 100%;
	position: relative;
}
.MoreNewsLink a
{
	text-decoration: none;
	color: gray;
	padding: 1 2 1 2;
	margin: 1 1 1 1;
}
.MoreNewsLink a:hover
{
	background-color: #d2d2d2;
	color: black;	
}
/* Trip Search styles */

.SearchBOX
{
	margin: 0 0 0 0;
	float:left;
	background-color: #F1F0F0;
	border: 1px solid gray;
	width: 180px;
	color: White;
}
.SearchBOXTitle
{
	background-color: #9aabbd;
	width: 100%;
	height: 20PX;
	float: left;
	color: white;
	font-weight: bold;
	font-size: 150%;
	text-align: left;
	font-family: Trebuchet MS;
	padding: 0 0 2 0;
	_padding: 0 0 0 0;
	text-indent: 2px;
}
.SearchBOXLabel
{
	height: 14px;
	float:left;
	width: 100%;
	color: black;
	font-size: 90%;
	clear: both;
	text-align: left;
	padding: 4 0 0 2;
}
.SearchBoxTitleLabel
{
}
.SearchBOXField
{
	float:left;	
	height: 20px;
	width: 100%;
	clear: both;
	text-align: left;
	padding: 0 0 0 2;
}
.SearchBoxButton
{
	clear: both;
	float:none;
	padding: 15 2 2 110;
}
.SearchContainer
{
	border: solid 0px red;
	width: 500px;
	text-align: left;
	position: relative;
}
.SearchTitleBarContainer
{
	width: 500px;
	height: 26px;
	clear: both;
	position: relative;

	
}
.frame_upper_left
{
	background-image: url(images/frame_upper_left.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 11px;
	height: 26px;
	top: 0px;
	left: 0px;
	float: left;
}
.frame_upper_right
{
	background-image: url(images/frame_upper_right.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 11px;
	height: 26px;
	top: 0px;
	float: right;
}
.SearchTitleBar
{
	background-color: #9aabbd;
	width: 478px;
	height: 26PX;
	float: left;
	border-bottom: solid 0px #CACAC8;
	border-top:  solid 0px #CACAC8;
	color: White;
	font-weight: bold;
	font-size: 130%;
	text-align: left;
}
.SearchLabel
{
	position: absolute;
	margin-top: 5px;

}

.SearchMainArea
{
	width: 500px;
	height: 170px;
	border-left: solid 1px #CACAC8;
	border-right:  solid 1px #CACAC8;
	text-align: left;
	clear: both;
}
.SearchBottomBarContainer
{
	width: 500px;
}
.SearchLogoButton
{
	border: 0;
}
.SearchLogoButton a:hover 
{
	background-color: white;
	text-decoration: none !Important;
	border: 0;
}
.SearchLogoButton a:visited
{
	background-color: Transparent;
	text-decoration: none !Important;
	border: 0;
}

.frame_lower_left
{
	background-image: url(images/frame_lower_left.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 9px;
	height: 13;
	top: 0px;
	left: 0px;
	float: left;
	
}
.frame_lower_right
{
	background-image: url(images/frame_lower_right.gif);
	background-repeat: no-repeat;
	position: relative;
	width: 9px;
	height: 13;
	top: 0px;
	float: right;
	
}
.SearchBottomBar
{
	width: 482px;
	height: 13;
	position: relative;
	left: 0px;
	float: left;
	border-bottom: solid 1px #CACAC8;
}
.binoculars
{
	z-index: 99;
	left: 10px;
	background-image: url(images/binoculars.gif);
	background-repeat: no-repeat;
	width: 90px;
	top: -70px;
	height: 87px;
	position: relative;
	text-align: left;
}
.NoResult
{
	position: relative;
	display: inline;
	text-align: center;
	border: 0 black solid;
	clear: both;
	font-size: 130%;
	width: 98%;
	
}

/* Trip results styles */  

.TripTopWrapper
{
	clear: both;
	float: none;
	left: 0px;
	width: 100%;
	position: relative;
	text-align: left;

}

.TripSearchResultListWrapper
{
	clear: both;
	float: left;
	left: 0px;
	width: 100%;
	position: relative;
	border-bottom: solid 1px gray;

	text-align: center;
}
.TripResultItemWrapper
{
	position: relative;
	clear: both;
	float: left;
	width: 100%;
	text-align: left;

}
.TripWhiteHeader
{
	position: relative;
	clear: both;
	height: 20px;
	background-color: #9aabbd;
	color: White;
	text-align: right;
	vertical-align: bottom;
	width: 100%;
}
.TripHeaderCell1
{
	position: relative;
	width: 350px;
	border: solid 0px blue;
	float: left;

}
.TripHeaderRightItemCell
{
	width: 100px;
	border: solid 0px blue;
	float: right;
	text-align:center;

}

.RightTitleItemLabel
{
	position: relative;
	top: 6px;
	border: solid 0px black;
}
.TripTitleItemLabel
{
	position: relative;
	top: 2px;
	left: 2px;
	border: solid 0px black;
}

.TripGrayHeader
{
	position: relative;
	border-top: goldenrod 1px solid;
	height: 30px;
	background-color: #e6e6e6;
	margin-bottom: 4px;
	clear: both;
}
.TripMainArea
{
	clear: both;
	border: 0px solid black;
	float: left;
	width: 100%;
}

.TripImageWrapper
{
	border: solid 0px white;
	width: 150px;
	height: 100px;
	text-align: center;
}
.TripDetailArea
{
	width: 100%;
	border: solid 0px blue;
}
.TripDetailTextCell
{
	border: solid 0px Yellow;
	padding: 2px;
	clear: both;
	
}
.TripDetailLines
{
	border: solid 0px red;
	left: 50px;
	width: 300px;
	height: 50px;
	margin-top: 3px;
	padding: 0px;
	text-align: left;
	clear: both;
}
.TripButtons
{
	border: solid 0px red;
	clear: both;
	float: left;	
	width: 375px;
	height: 28px;
	padding: 0px;
}
.TripButton
{
	position: relative;
	text-decoration: none;
	font-family: Arial;
	background-color: #DFEAF4;
	color: Black !Important;
	font-weight: bold;
	border: solid 1px gray;
	top: 4;
	_top: 0;
	padding: 4 4 4 4;
	width: 150px;
	margin-left: 5px;
	text-align: center;
}
.TripButton a:hover
{
	background-color: gray !Important;
}
.StyleButton
{
	text-decoration: none;
	font-family: Arial;
	background-color: #9aabbd;
	color: Black !Important;
	font-weight: bold;
	border: solid 1px gray;
	padding: 4 4 4 4;
	width: 140px;
	text-align: center;
	font-size: 110%;
}
.TripDetailTripArea
{
	clear: both;
	float: left;
	width: 100%;
	padding: 0 0 0 0;
}
.TripDetailHotelArea
{
	clear: both;
	width: 100%;
	float: left;
	
}
.TripDetailButtonArea
{
	float: right;
	padding: 10 0 0 0;
}
.AccommodationHeader
{
	background-color: silver;
	clear:both;
	color: white;
	font-weight: bold;
	font-size: 120%;
	font-family: Verdana;
	text-align: left;
	text-indent: 2;
	border-left: solid 1px gray;
	border-right: solid 1px gray;
	border-top: solid 1px gray;
}
.HotelAreaMasterDiv
{
}
.AccommodationDetailSpace
{
	clear: both;
	float: left;
}
.WebPartTable
{
	border: solid 1px silver;
	margin: 3 0 0 0;
	
}
.SearchResultHeader
{
	border: solid 0px red;
	width: 566px;
	height: 30px;
	padding-top: 6px;
	float: left;
	padding-left: 0px;
	text-align: left;
}
.SearchNewSearchHeader
{
	border: solid 0px yellow;
	padding-top: 4px;
	float: right;
}

/*             styles for the star rater                */
.star-rating{
	list-style:none;
	margin: 0px;
	padding:0px;
	width: 100px;
	height: 20px;
	position: relative;
	background: url(images/rating.gif) top left repeat-x;		
}
.star-rating li{
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
}
.star-rating li a{
	display:block;
	width:20px;
	height: 20px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
}
.star-rating li a:hover{
	background: url(images/rating.gif) left bottom;
	z-index: 1;
	left: 0px;
}

.star-rating a.one-star{
	left: 0px;
}
.star-rating a.one-star:hover{
	width:20px;
}
.star-rating a.two-stars{
	left:20px;
}
.star-rating a.two-stars:hover{
	width: 40px;
}
.star-rating a.three-stars:hover{
	width: 60px;
}
.star-rating a.three-stars{
	left: 40px;
}
.star-rating a.four-stars{
	left: 60px;
}	
.star-rating a.four-stars:hover{
	width: 80px;
}
.star-rating a.five-stars{
	left: 80px;
}
.star-rating a.five-stars:hover{
	width: 100px;
}

/* UserControl Toolbar */
.UC_Lock
{
	position: absolute;
	z-index: 99;
	left: 980;
}
.UC_Toolbar
{
	float: left;
	clear: both;
	width: 100%;
	height: 20px;	
	background: url(images/UC_ToolbarBack.gif) repeat-x;
	background-position: left bottom;
	border: 1px solid #d2d2d2;
	padding: 1 1 0 0;
	display: none;
}
.UC_ToolBarVerticalBullets
{
	float: left;
	background: url(images/UC_ToolbarBack_VerticalBull.gif) repeat-none;
	border: 0px solid black;
	width: 7px;
	height: 18px;
	background-position: left top;
}
.UC_Name
{
	_top: 2px;
	position: relative;
	float: left;
	color: #4b6e84;
	font-weight: bold;
	font-size: 85%;
	width: 50px;
	overflow: hidden;
}
.UC_ToolbarButtonContainer
{
	position: relative;
	float: right;
	overflow: hidden;
}


.UC_ToolbarButton
{
	width: 16px;
	height: 16px;
	border: 0px;
	position: relative;
}
.UC_ToolbarVerifyAction
{
	border-top: 1px solid #d2d2d2;
	position: relative;
	float: left;
	clear: both;
	width: 100%;
	display: none;
}

/* Gridview .net 2.0 */

.GridView
{
	width: 100%;
}
.GridView .ItemStyle {
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	background-color: #E1E1E1;
}
.GridView .PagerStyle
{
	text-align: center;
}

.GridView .ListHeader
{
	/* background-color: #871B6A; */
	background-color: #447FB2;
	color: White;
	font-weight: bold;
	font-size: 80%;
	
}
.ListHeader a:link
{
	color: white;
	text-decoration: none;
}
.ListHeader a:hover
{
	color: white;
	text-decoration: none;
	background-color: Silver;
}
.ListHeader a:active
{
	color: black;
	text-decoration: none;
	background-color: Silver;
}
.ListHeader a:visited
{
	color: white;
	text-decoration: none;
}
.ListItem
{
	background-color: #ffffff;
	Color: #4A3C8C;
}
.ListAlternateItem
{
	background-color: #E7E7E7;
	Color: #4A3C8C;
	
}
.ListSelected
{
	font-weight: bold;
	Color: #F7F7F7;
	background-color: Silver;
}
.ListFooter
{
	 Color: #4A3C8C;
	 background-color: silver;
}