﻿body
{
font-family:"Trebuchet MS",Tahoma,Verdana,Arial,Calibri,Sans-Serif;
    font-size: 0.75em;
    line-height: 1.3em;
    margin: 0;
    padding: 0;
    background: #ffffff;
    color: #666666;
    background: #ffffff;
}


*{ margin: 0px 0 0 0; 
padding: 0; 

}

html { margin: 0; padding: 0; }
div,fieldset{ -moz-border-radius: 6px 6px 6px 6px ;}
#bodywrapper
{
	margin-left: auto;
	margin-right: auto;
	width: 1000px;
}
#masthead
{
    background-position: left top;
    border-bottom: 0px solid #ffffff;
    width: 100%;
    border: 0px #000000 solid;
    height: 100px;
    background-attachment: fixed;
}

#columnleft
{
    border: 0px silver solid;
    width: 170px;
    float: left;
    min-height: 620px;
    background-color: #fff;  
}

#columncenter
{
    border: 0px silver solid;
    float: left;
    min-height: 620px;
    background-color: white;
    width:700px;
}

#columnright
{
    border: 0px silver solid;
    width: 130px;
    float: right;
    min-height: 620px;
    background-color: #fff;
}


#bottom{
	width: 960px;
	height: 10px;
	margin-top:15px;
	border: 0px #000000 none;
clear:both;
}
.paddy
{
    margin-left: 10px;
	margin-top: 10px;
    border:solid 0px none;
    }


   
#nav_top
    {
        height:15px;
        width:900px;
           margin-left: auto;
	margin-right: auto;
        text-align:right;    
        }
        
#mainnav
{
    width: 876px;
    margin-left: auto;
    margin-right: auto;
    margin-bottom: 7px;
    background-position: center top;
    background-image: url(../App_Themes/2006/images/bk2.jpg);
    background-repeat: repeat-y;
    background-color: #c7c7c7;
}
            

        #loginbanner
        { width:940px;
            border:none 0px white;
            }
        

        #loginbanner a
        { 
            color:black;
            }
    
    
#navtop
{
    width: 616px;
	background:#ffffff url(../App_Themes/2006/images/bk_1.gif) repeat-x  left top;
    height:23px;
    border: 0px solid #eeeeee;
    font-size:13px;
    }
    
    #navtop a
{   
        color:black;
}
#ctl00_SearchText
{
    width:175px;
   }
#srchbox 
   {
   border:solid 0px black; 
    vertical-align:top; 
    margin-right:6px; 
    margin-left:3px;
     float: left; width:306px;
    }



ul, li, h4, h3, h2, h1, p{
	padding:0;
	margin:0;
	list-style:none;
  width: 175px;
}
h1
{
    color:#9966cc;
    padding: 0px 0px 0px 0px;
     margin: 15px 0px 10px 0px; 
  line-height:normal;
      font-size: 150%;

}
h2
{
 color:#9966cc;
    font-size: 115%;
    margin: 13px 0px 0px 0px;
}
h5
{
    margin: 13px 0px 0px 0px;
    font-weight: bold;
}
.radio td{
  padding: 3px 0px 0px 5px;
    margin: 0px 0px  0px 0px; 
    height:30px; font-size:120%;
    border:solid 1px white;
   

}
.radio label{
  padding: 1px 0px  15px 5px;
    margin: 0px 0px  0px 0px; 
    height:30px; font-size:120%; cursor:pointer;
}
.subTitle
{
    font-size: 15px;
    font-weight: bold;
    padding-top:25px;
    margin-bottom:25px;
    
}
.mainTitle
{
    font-size: 20px;
    color: #FFFFFF;
    font-weight: normal;
    margin-left:180px;
    padding-top:5px;
   line-height:1.5em; 
   width:500px;
    float:left; 
   cursor:pointer;
    
}
.pageTitleDiv
{
     margin: 2px 0px 14px 0px;
     overflow:hidden;
}
.headlines{
margin:0px 0px 0px 0px ;
padding:0px 0px 0px 20px ;
}
.headlines li{
font-size: 18px; line-height:24px; list-style-type:circle; 
}
.detailsview td
{
    border: 1px solid #808080;
    padding: 5px;
}
.detailsview td table td
{
    border: 1px solid #808080;
    padding: 0px;
}
.normgrid td, th
{
    padding:4px}

.tdHighlight
{
	background-color: White;
	padding: 8px;
	border-right: black 1px solid;
	border-top: black 1px solid;
	border-left: black 1px solid;
	border-bottom: black 1px solid;
}

.dialogHeader
{
	padding-left: 8px;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight: bold;
	font-size: 110%;
	color: white;
	font-family: Verdana;
	background-color: #7C6F57;
}

.closeIcon
{
	background-position: right top;
	background-image: url(http://images.lostamigos.com/close_icon.gif);
	background-repeat: no-repeat;
	position: absolute;
	cursor: pointer;
	width: 19px;
	top: 1px;
	height: 19px;
	right: 1px;
}

.updateProgress
{
	position: absolute;
	background-color: #fff;
	filter: alpha(opacity=70);
	MozOpacity: 0.7;
	opacity: 0.7;
	padding: 0px;
	margin: 0px;
}
.updateProgress div
{
	background-color: white;
	padding: 4px;
	position: absolute;
	top: 10%;
	left: 50%;
}

  .clear
{
    clear:both;}  
 .block
{
         margin:0px 0px 10px 0px;
         padding:10px 10px 0px 10px;
         border:none 1px #968DA5;
         
}
.right{float:right;}
.left{float:left;}
 .sml
{
         width:160px;
         padding:0px 7px 30px 7px;
         border:none 0px #968DA5;
}
 .wide
{
         width:510px;
         padding:0px 0px 30px 0px;
         border:none 0px #968DA5;
}

 .xwide
{
         width:640px;
         padding:0px 0px 30px 20px;
                  border:none 0px #968DA5;
}

.center{
         width:640px;
         padding:0px 10px 30px 10px;
         border:none 0px #968DA5;
         margin:20px auto 10px auto;

}
.inputfield
{
    display: block;
}
.subtag{
background-color: white; 
color:Gray; padding:5px; 
font-weight: bold; 
border: solid 1px silver; 
border-top: none; 
width: 200px;
}
fieldset{
font-size:90%;
}
.green{
color:Green;
font-weight:bold;
}
.imageBox{
border: solid 1px gray; 
padding: 7px; 
margin-bottom: 8px; 
margin-right: 8px; width: 295px; 
height: 170px; 
}



.img_box
{
    float: left;
    margin-right: 10px;
    margin-top: 1px;
    background-color: #ffffff;
    width:168px;
    height:210px;
    border: 2px white solid;
    vertical-align:top; color:black; 
}
.img_box a
{ text-decoration:none;
}
.img_box_inner
{
    margin-right: auto;
        margin-left: auto;
        margin-top:7px;
           border: 0px silver solid;
           width:156px; font-size:smaller;
}
.img_txt
{
    width:87%;font-size:smaller;
 }
 
.t{ width:56px; 
padding:1px;
margin-right: 5px; 
line-height:96%;   
height:58px;
font-size:80%}


.tm 
{
width:74px; 
padding:0px 2px 0px 2px;
margin-right: 0px; 
line-height:96%;   
height:80px; 
font-size:80%;
}
.t a
{
clip:rect(0px 56px 56px -30px);
position:absolute;
}

/***************************************
   =cluetipClass: 'jtip'
-------------------------------------- */
.cluetip-jtip {
  background-color: transparent;
 
}
.cluetip-jtip #cluetip-outer {
  border: 1px solid #000000;
  position: relative;
  background-color: #fff;
    color: #fff;
    width:130px;
}

.cluetip-jtip h3#cluetip-title {
  margin: 0 0 5px;
  padding: 2px 5px;
  font-size: 11px;
  font-weight: bold;
  background-color: #ffffff;
  color: #0099cc;
}

.cluetip-jtip #cluetip-inner {
  padding: 0 5px 5px;
  display: inline-block;
  color:#000;
}
.cluetip-jtip div#cluetip-close { 
  text-align: right;
  margin: 0 5px 5px;
  color: red;
}
.big a:link span
{
    font-size: 80px;
    color: #E0E0E0;
    line-height: 80px;
    font-weight: bold;
}

.big a:link 
{
    font-size: 80px;
    color: orange;
    line-height: 80px;
    font-weight: bold;
}


.big a:visited
{
    font-size: 80px;
    color: #E0E0E0;
    line-height: 80px;
    font-weight: bold;
}
.big a:hover
{
    color: #9966cc;
}

.med a:link
{
    font-size: 16px;
    color: #666666;
    line-height: 15px;
    font-weight: bold;
}

.med a:visited
{
    font-size: 16px;
    color: #666666;
    line-height: 15px;
    font-weight: bold;
}

.med a:hover
{
    color: #9966cc;
     background-color:#E0E0E0;

}

.listContainer
{
   border: #ffffff 1px dashed; 
   margin-bottom:20px; 
   padding: 2px 2px 0px 2px;
      border-bottom:solid 1px silver;
    }

.ListHeader
{

           font-size:120%;
         /*border:solid 1px black;*/
    }
.listimg
{
    clear:both;
    width:60px;
    height:60px;
     float:LEFT;
    font-size:75%;
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 0px;  
   border-bottom:solid 0px silver;

    }

    .ListStatus
{
  
    font-size:90%;
    padding: 0px 0px 0px 0px;    
    margin: 5px 0px 0px 0px;  
    color:gray;
   border-bottom:solid 0px silver;

    }

    
.ListDate
{
float:right;
font-size:75%;
  padding: 5px 10px 0px 5px;   
  margin: 0px 0px 0px 0px; 
/*border:solid 1px black;*/
    }
    
 .ListToDetails
{
    display:inline;
    float:right;
    font-size:75%;
    padding: 0px 0px 0px 0px;    
    margin: 0px 0px 0px 0px;  
    color:gray;
   border-bottom:solid 0px silver;
    }   
    
.ListBtns
{
     font-size:80%;
     padding: 0px 10px 0px 5px;    
     margin: 0px 0px 0px 0px; 
     border-bottom:solid 0px silver;
    } 


.listcontent
{
   line-height:normal;
   padding: 5px 3px 5px 20px;
   margin:10px 0px 0px 0px;
    
    }
    
.ListContent a
{


    }


.faded
{
color:silver;
    font-size:1em;
       padding: 3px 3px 5px 20px;

    }
    
.faded a
{
color:#666666;
    font-size:0.9em;
    }
    
    

.Highlight
{
    border: silver 1px solid;
    background-color: #ECFFEC;
    background-attachment: fixed;
    background: url("bk.jpg") repeat-x;
    -moz-border-radius: 6px 6px 6px 6px ;
}
.Highlight_sml
{
    border: silver 1px solid;
    background-color: #ECFFEC;
    background-attachment: fixed;
    background: url("../App_Themes/2008/images/inputbg.gif") repeat-x;
    -moz-border-radius: 6px 6px 6px 6px ;
}

   #masthead {  -moz-border-radius: 6px 6px 6px 6px ;} 
    
    #theYears
{ margin:20px 0px 20px 0px;

}
.faded
{

}
.nextPrev
{
    margin:0px 0px 10px 0px;
    padding:6px 5px 2px 5px;
    width:680px;
    border:none 1px silver;
    font-size:1em;
    background-color:#eee; height:64px
    

    }
    .nextlink
{
    /* position:absolute;
    right:0; */
    float:right;
}
.content-slide-container {
height:360px;
margin-top:6px;
overflow:hidden;
position:relative;
width:500px;
}
.content-container {
float:left;
height:600px;
margin-top:50px;
overflow:hidden;
width:500px; background-color:white;

}
.content-container-active {
float:left;
height:600px;
margin-top:50px;
overflow:hidden;
width:500px; background-color:white;
}

.loader {  position: absolute; left: 0; top: 0;width: 700px; height: 400px; z-index: 99; }
.image-loader { width: 500px; text-align: center; padding-top: 200px; position: absolute; left: 0; top: 0; z-index: 100; }
.image-loader img { display: inline; }
.image-loader p { font-size: 11px; font-size:300%; color: #CFC9BF; }


.pagenums-slide-container {
height:40px;
overflow:auto;
position:relative;
width:300px; background-color:red; padding:10px;
}
.pagenums-containerxxx {
height:330px;
width:auto; background-color:yellow; white-space:nowrap; position:relative;
}




.next, .prev{
	cursor:pointer;
}



#slideshow{
border:0px solid #777777;
height:24px;
overflow:hidden;
padding-top:4px;
width:400px;
}

	#slideshow ul{
	width:6000px;
		padding-left:0px;white-space:nowrap;
	}

		#slideshow li{
			float:left;
			margin:0 2px;
			cursor:pointer; list-style:none;
			
		}
		
				#slideshow li a
{
    font-size: 12px;
    padding: 2px 5px 2px 5px;
    border: solid 1px #999;
    height: 23px;
    width: 24px;
    color:#999
}
		
		/* Declare single buttons image */
.primary,.secondary,.primary span,.secondary span, .primaryinput label, .primaryinput label span, .secondaryinput label, .secondaryinput label span {background: blue url(buttons_normal.png) no-repeat;}
.primary.transparent,.secondary.transparent,.primary.transparent span,.secondary.transparent span,.primaryinput.transparent label, .primaryinput.transparent label span, .secondaryinput.transparent label, .secondaryinput.transparent label span {background: transparent url(buttons_transparent.png) no-repeat;}

/* Essential generic button style section */
.primary,.secondary, .primaryinput label, .secondaryinput label 
{
font-size:1.1em;font-weight:700;color:#fff;cursor:pointer; position:relative; white-space:nowrap; width:auto;	margin:12px 0 0 0;padding:0 0 0 5px;	border: 0; overflow: visible; /* removes extra side padding in IE */}
.primary span,.secondary span, .primaryinput label span, .secondaryinput label span 
{height:18px;display:block;position:relative;right:-11px;padding:3px 16px 2px 0;white-space: nowrap;}
/* required for Firefox */
button.primary span, button.secondary span{margin-right:8px;}


/* overrides extra padding in Firefox */
button::-moz-focus-inner {border: none;}

/*Transparent Styles*/
.primary.transparent {background-position:0 0}
.secondary.transparent{background-position:0 -60px}
.primary.transparent span {height:23px;	background-position:right 0}
.secondary.transparent span {height:23px; background-position:right -60px}
.primary.transparent:hover,.secondary.transparent:hover {background-position:0 -120px}
.primary.transparent:hover span,.secondary.transparent:hover span {background-position:right -120px}

/* Primary Styles */
.primary {background-position:0 0px; float:right; margin-right:7px}
.primary span {background-position:right 0px;color:#fff;}
.primary:hover {background-position:0 -120px; text-decoration:none;color:#fff;}
.primary:hover span {background-position:right -120px; text-decoration:none;}

/* Secondary Styles */
.secondary {background-position:0 -60px; float:left; margin-right:18px;}
.secondary span {background-position:right -60px;}
.secondary:hover {background-position:0 -120px; text-decoration:none;}
.secondary:hover span {background-position:right -120px; text-decoration:none; color:white}


.thirdary:hover { background-color:Silver; text-decoration:none;}
.thirdary:hover span {background-position:right -120px; text-decoration:none; color:white}
/* Focus Styles */
.primary:focus,.secondary:focus {text-decoration:underline; color:#fff;}
.primary:focus,.secondary:focus {background-position:0 -120px;}
.primary:focus span,.secondary:focus span {background-position:right -120px;}
.fleft{ float:left; padding-right:20px}

.CloudBox
{
    width:310px;
    text-align:center;
    padding-top:26px;
    color: #666;

}
fieldset{
font-size:76%;
}

.btnPrev {
margin-right:-1px;
}
.btnPrev:hover
{
    background-position: 0 -23px;
}



.btnNext {
background-position:-43px 0;
}
.btnNext:hover
{
    background-position: -43px -23px;
}
.btnNext:focus
{
    background-position: -43px -46px;
}

.btnPrevNext {
background-image:url("NextPrev.png");
background-repeat:no-repeat;
float:left;
height:23px;
position:relative;
width:43px;
z-index:2;
}
hr{
background-color:#DDDDDD;
border:0 none;
color:#DDDDDD;
height:1px;
width:80%}

.mugholder
{
background-repeat:no-repeat;
float:left;
margin-right:6px;
padding-top:34px;
text-align:right;
vertical-align:bottom;
width:50px;
font-size:10px;
}
 .mugholder2
{     
background-repeat:no-repeat;
float:left;
font-size:10px;
line-height:10px;
margin-right:15px;
min-height:48px;
overflow:hidden;
padding-top:34px;
text-align:right;
vertical-align:bottom;
width:48px; 
}

.infoBox
{
border:1px solid #C0C0C0;
float:left;
font-size:small;
margin-right:10px;
padding:3px;
width:40%; visibility:hidden; display:none; 
}

.graph
{
  background-position: -35px -10px;
  border: 1px solid #000000;
  font-weight: bold;
  margin-top: 7px;
  height: 20px;
  text-align:right;
}

.highslide-container div {
	font-family: Verdana, Helvetica;
	font-size: 10pt;
}
.highslide {
	outline: none;
	text-decoration: none;
}
.highslide img {
	border: 1px solid #fff;
}
.highslide:hover img {
	border-color: gray;
}
.highslide-active-anchor img {
	visibility: hidden;
}
.highslide-gallery .highslide-active-anchor img {
	border-color: black;
	visibility: visible;
	cursor: default;
}
.highslide-image {
	border-width: 2px;
	border-style: solid;
	border-color: white;
	background: gray;
}
.highslide-wrapper, .highslide-outline {
	background: white;
}
.glossy-dark {
	background: #111;
}
.highslide-image-blur {
}
.highslide-number {
	font-weight: bold;
	color: gray;
}
.highslide-caption {
	display: none;
	border-top: none;
	font-size: 1em;
	padding: 5px;
	background: white;
}
.highslide-heading {
	display: none;
	font-weight: bold;
	margin: 0.4em;
}
.highslide-dimming {
	position: absolute;
	background: black;
}
a.highslide-full-expand {
   background: url(graphics/fullexpand.gif) no-repeat;
   display: block;
   margin: 0 10px 10px 0;
   width: 34px;
   height: 34px;
}
.highslide-loading {
	display: block;
	color: black;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
	padding: 3px;
	border: 1px solid white;
	background-color: white;
	padding-left: 22px;
	background-image: url(graphics/loader.white.gif);
	background-repeat: no-repeat;
	background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
	padding: 2px;
	color: silver;
	text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
	color: white;
	background-color: gray;
}
.highslide-move, .highslide-move * {
	cursor: move;
}
.highslide-overlay {
	display: none;
}
/* Example of a semitransparent, offset closebutton */
.closebutton {
	position: relative;
	top: -15px;
	left: 15px;
	width: 30px;
	height: 30px;
	cursor: pointer;
	background: url(graphics/close.png);
	/* NOTE! For IE6, you also need to update the highslide-ie6.css file. */
}

/*****************************************************************************/
/* Controls for the galleries.											   */
/* Remove these if you are not using a gallery							   */
/*****************************************************************************/
.highslide-controls {
	width: 195px;
	height: 40px;
	background: url(graphics/controlbar-white.gif) 0 -90px no-repeat;
	margin: 20px 15px 10px 0;
}
.highslide-controls ul {
	position: relative;
	left: 15px;
	height: 40px;
	list-style: none;
	margin: 0;
	padding: 0;
	background: url(graphics/controlbar-white.gif) right -90px no-repeat;
}
.highslide-controls li {
	float: left;
	padding: 5px 0;
}
.highslide-controls a {
	background-image: url(graphics/controlbar-white.gif);
	display: block;
	float: left;
	height: 30px;
	width: 30px;
	outline: none;
}
.highslide-controls a.disabled {
	cursor: default;
}
.highslide-controls a span {
	/* hide the text for these graphic buttons */
	display: none;
}


/* The CSS sprites for the controlbar - see http://www.google.com/search?q=css+sprites */
.highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.highslide-controls .highslide-previous a:hover {
	background-position: 0 -30px;
}
.highslide-controls .highslide-previous a.disabled {
	background-position: 0 -60px !important;
}
.highslide-controls .highslide-play a {
	background-position: -30px 0;
}
.highslide-controls .highslide-play a:hover {
	background-position: -30px -30px;
}
.highslide-controls .highslide-play a.disabled {
	background-position: -30px -60px !important;
}
.highslide-controls .highslide-pause a {
	background-position: -60px 0;
}
.highslide-controls .highslide-pause a:hover {
	background-position: -60px -30px;
}
.highslide-controls .highslide-next a {
	background-position: -90px 0;
}
.highslide-controls .highslide-next a:hover {
	background-position: -90px -30px;
}
.highslide-controls .highslide-next a.disabled {
	background-position: -90px -60px !important;
}
.highslide-controls .highslide-move a {
	background-position: -120px 0;
}
.highslide-controls .highslide-move a:hover {
	background-position: -120px -30px;
}
.highslide-controls .highslide-full-expand a {
	background-position: -150px 0;
}
.highslide-controls .highslide-full-expand a:hover {
	background-position: -150px -30px;
}
.highslide-controls .highslide-full-expand a.disabled {
	background-position: -150px -60px !important;
}
.highslide-controls .highslide-close a {
	background-position: -180px 0;
}
.highslide-controls .highslide-close a:hover {
	background-position: -180px -30px;
}

/*****************************************************************************/
/* Styles for the HTML popups											     */
/* Remove these if you are not using Highslide HTML						     */
/*****************************************************************************/
.highslide-maincontent {
	display: none;
}
.highslide-html {
	background-color: white;
}
.highslide-html-content {
	display: none;
	width: 400px;
	padding: 0 5px 5px 5px;
}
.highslide-header {
	padding-bottom: 5px;
}
.highslide-header ul {
	margin: 0;
	padding: 0;
	text-align: right;
}
.highslide-header ul li {
	display: inline;
	padding-left: 1em;
}
.highslide-header ul li.highslide-previous, .highslide-header ul li.highslide-next {
	display: none;
}
.highslide-header a {
	font-weight: bold;
	color: gray;
	text-transform: uppercase;
	text-decoration: none;
}
.highslide-header a:hover {
	color: black;
}
.highslide-header .highslide-move a {
	cursor: move;
}
.highslide-footer {
	height: 11px;
}
.highslide-footer .highslide-resize {
	float: right;
	height: 11px;
	width: 11px;
	background: url(graphics/resize.gif);
}
.highslide-body {
}
.highslide-resize {
	cursor: nw-resize;
}

/*****************************************************************************/
/* Styles for the Individual wrapper class names.							 */
/* See www.highslide.com/ref/hs.wrapperClassName							 */
/* You can safely remove the class name themes you don't use				 */
/*****************************************************************************/

/* hs.wrapperClassName = 'draggable-header' */
.draggable-header .highslide-header {
	height: 16px;
}
.draggable-header .highslide-header .highslide-move {
	cursor: move;
	display: block;
	height: 16px;
	position: absolute;
	left: 0;
	right: 16px;
	top: 0;
	width: auto;
	z-index: 1;
}
.draggable-header .highslide-header .highslide-move * {
	display: none;
}
.draggable-header .highslide-header .highslide-close {
	position: relative;
	float: right;
	z-index: 2;
	padding: 0;
}
.draggable-header .highslide-header .highslide-close a {
	display: block;
	height: 16px;
	width: 16px;
	background-image: url(graphics/closeX.png);
}
.draggable-header .highslide-header .highslide-close a:hover {
	background-position: 0 16px;
}
.draggable-header .highslide-header .highslide-close span {
	display: none;
}


/* hs.wrapperClassName = 'no-footer' */
.no-footer .highslide-footer {
	display: none;
}

/* hs.wrapperClassName = 'wide-border' */
.wide-border .highslide-image {
	border-width: 10px;
}
.wide-border .highslide-caption {
	padding: 0 10px 10px 10px;
}

/* hs.wrapperClassName = 'borderless' */
.borderless .highslide-image {
	border: none;
}
.borderless .highslide-caption {
	border-bottom: 1px solid white;
	border-top: 1px solid white;
	background: silver;
}

/* hs.wrapperClassName = 'outer-glow' */
.outer-glow {
	background: #444;
}
.outer-glow .highslide-image {
	border: 5px solid #444444;
}
.outer-glow .highslide-caption {
	border: 5px solid #444444;
	border-top: none;
	padding: 5px;
	background-color: gray;
}

/* hs.wrapperClassName = 'colored-border' */
.colored-border .highslide-image {
	border: 2px solid green;
}
.colored-border .highslide-caption {
	border: 2px solid green;
	border-top: none;
}

/* hs.wrapperClassName = 'dark' */
.dark {
	background: #111;
}
.dark .highslide-image {
	border-color: black black #202020 black;
	background: gray;
}
.dark .highslide-caption {
	color: white;
	background: #111;
}
.dark .highslide-controls,
.dark .highslide-controls ul,
.dark .highslide-controls a {
	background-image: url(graphics/controlbar-black-border.gif);
}

/* hs.wrapperClassName = 'floating-caption' */
.floating-caption .highslide-caption {
	position: absolute;
	padding: 1em 0 0 0;
	background: none;
	color: white;
	border: none;
	font-weight: bold;
}

/* hs.wrapperClassName = 'controls-in-heading' */
.controls-in-heading .highslide-heading {
	color: gray;
	font-weight: bold;
	height: 20px;
	overflow: hidden;
	cursor: default;
	padding: 0 0 0 22px;
	margin: 0;
	background: url(graphics/icon.gif) no-repeat 0 1px;
}
.controls-in-heading .highslide-controls {
	width: 105px;
	height: 20px;
	position: relative;
	margin: 0;
	top: -23px;
	left: 7px;
	background: none;
}
.controls-in-heading .highslide-controls ul {
	position: static;
	height: 20px;
	background: none;
}
.controls-in-heading .highslide-controls li {
	padding: 0;
}
.controls-in-heading .highslide-controls a {
	background-image: url(graphics/controlbar-white-small.gif);
	height: 20px;
	width: 20px;
}

.controls-in-heading .highslide-controls .highslide-move {
	display: none;
}

.controls-in-heading .highslide-controls .highslide-previous a {
	background-position: 0 0;
}
.controls-in-heading .highslide-controls .highslide-previous a:hover {
	background-position: 0 -20px;
}
.controls-in-heading .highslide-controls .highslide-previous a.disabled {
	background-position: 0 -40px !important;
}
.controls-in-heading .highslide-controls .highslide-play a {
	background-position: -20px 0;
}
.controls-in-heading .highslide-controls .highslide-play a:hover {
	background-position: -20px -20px;
}
.controls-in-heading .highslide-controls .highslide-play a.disabled {
	background-position: -20px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-pause a {
	background-position: -40px 0;
}
.controls-in-heading .highslide-controls .highslide-pause a:hover {
	background-position: -40px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a {
	background-position: -60px 0;
}
.controls-in-heading .highslide-controls .highslide-next a:hover {
	background-position: -60px -20px;
}
.controls-in-heading .highslide-controls .highslide-next a.disabled {
	background-position: -60px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-full-expand a {
	background-position: -100px 0;
}
.controls-in-heading .highslide-controls .highslide-full-expand a:hover {
	background-position: -100px -20px;
}
.controls-in-heading .highslide-controls .highslide-full-expand a.disabled {
	background-position: -100px -40px !important;
}
.controls-in-heading .highslide-controls .highslide-close a {
	background-position: -120px 0;
}
.controls-in-heading .highslide-controls .highslide-close a:hover {
	background-position: -120px -20px;
}
/* Tabs
----------------------------------
.ui-tabs {padding: .2em;}
.ui-tabs-nav { padding: .2em .2em 0 .2em;  position: relative; }
.ui-tabs-nav li { float: left; border-bottom: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs-nav li a { display:block; text-decoration: none; padding: .5em 1em; }
.ui-tabs-nav li.ui-tabs-selected {  padding-bottom: .1em; border-bottom: 0; }
.ui-tabs-panel
{
    padding: 0px 0px 0px 10px;
    display: block;
    border: 0;
    background: none;

.ui-tabs-hide { display: none !important; }
}*/

/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen { /* Use class for showing/hiding tab content, so that visibility can be better controlled in different media types... */
    .ui-tabs-hide {
        display: none;
    }
}

/* Hide useless elements in print layouts... */
@media print {
    .ui-tabs-nav {
        display: none;
    }
}

/* Skin */
.ui-tabs-nav, .ui-tabs-panel {
    font-size: 12px;
}
.ui-tabs-nav {
    list-style: none;
    margin: 0;
    padding: 0 0 0 4px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
    display: block;
    clear: both;
    content: " ";
}
.ui-tabs-nav li {
    float: left;
    margin: 0 0 0 1px;
    min-width: 84px; /* be nice to Opera */
}
.ui-tabs-nav a, .ui-tabs-nav a span {
    display: block;
    padding: 0 10px;
    background: url(tab.png) no-repeat;
}
.ui-tabs-nav a {
    margin: 1px 0 0; /* position: relative makes opacity fail for disabled tab in IE */
    padding-left: 0;
    color: #27537a;
    font-weight: bold;
    line-height: 1.2;
    text-align: center;
    text-decoration: none;
    white-space: nowrap; /* required in IE 6 */    
    outline: 0; /* prevent dotted border in Firefox */
}
.ui-tabs-nav .ui-tabs-selected a {
    position: relative;
    top: 1px;
    z-index: 2;
    margin-top: 0;
    color: #000;
}
.ui-tabs-nav a span {
    width: 64px; /* IE 6 treats width as min-width */
    min-width: 64px;
    height: 18px; /* IE 6 treats height as min-height */
    min-height: 18px;
    padding-top: 6px;
    padding-right: 0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
    width: auto;
    height: auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
    padding-bottom: 1px;
}
.ui-tabs-nav .ui-tabs-selected a, .ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active {
    background-position: 100% -150px;
}
.ui-tabs-nav a, .ui-tabs-nav .ui-tabs-disabled a:hover, .ui-tabs-nav .ui-tabs-disabled a:focus, .ui-tabs-nav .ui-tabs-disabled a:active {
    background-position: 100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span, .ui-tabs-nav a:hover span, .ui-tabs-nav a:focus span, .ui-tabs-nav a:active span {
    background-position: 0 -50px;
}
.ui-tabs-nav a span, .ui-tabs-nav .ui-tabs-disabled a:hover span, .ui-tabs-nav .ui-tabs-disabled a:focus span, .ui-tabs-nav .ui-tabs-disabled a:active span {
    background-position: 0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link, .ui-tabs-nav .ui-tabs-selected a:visited, .ui-tabs-nav .ui-tabs-disabled a:link, .ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
    cursor: text;
}
.ui-tabs-nav a:hover, .ui-tabs-nav a:focus, .ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-deselectable a:hover, .ui-tabs-nav .ui-tabs-deselectable a:focus, .ui-tabs-nav .ui-tabs-deselectable a:active { /* @ Opera, we need to be explicit again here now... */
    cursor: pointer;
}
.ui-tabs-disabled {
    opacity: .4;
    filter: alpha(opacity=40);
}
.ui-tabs-panel {
    border-top: 1px solid #97a5b0;
    padding: 8px 0px 0px 0px;
    background: #fff; /* declare background color for container to avoid distorted fonts in IE while fading */
}
.ui-tabs-loading em {
    padding: 0 0 0 20px;
    background: url(loading.gif) no-repeat 0 50%;
}

/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
    display: inline-block;
}
*:first-child+html .ui-tabs-nav  { /* @ IE 7 Standards Mode - do not group selectors, otherwise IE 6 will ignore complete rule (because of the unknown + combinator)... */
    display: inline-block;
}


a
{
    color: #9966CC;
    text-decoration: none;
}
a:link
{
    color: #555;
    text-decoration: none;
}
a:visited
{
    color: #B692DA;
    text-decoration: none;
}
a:hover
{
    text-decoration: underline; 
}


.subTitle
{
    color: #9966CC;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}



.pageTitle
{
    color:#9966cc;
    font-size:26px;
    padding: 15px 0px 10px 0px;
        font-weight: bold;
 
}


/*********** #columnleft link styles ***********/

#columnleft ul a:link, #columnleft ul a:visited
{
    font-size: 120%;
    display: block;
    padding: 4px 0px 6px 3px;
    color: black;
    list-style-type: none;
}
#columnleft ul 
{
    margin: 0px; 
    list-style-type: none;

    }

#columnleft ul a:hover
{
    background-color: #0099cc;
    color: White;
}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#columnleft li 
{
    border: 0px solid #EEEFFF;

    }

/* fix for browsers that don't need the hack */
html>body #columnleft li 
{
    border-bottom: 1px;
    }


.inputlabel
{
    display: block;
    font-weight: bold;
    margin-top: 10px;
}
.highlight
{
    background-color: #FFFF00;
}
select{  font-size:20px;
             border: 1px silver solid;
}
.txtField, .txtField_req, .txtfield_focus, .txtfield_kid
{
        font-family: Arial,Verdana,Tahoma,Helvetica, sans-serif;
    background: #ffffff;
    color: #222222;
    display: block;
    border-top: 1px silver solid;
    border-left: 1px silver solid;
    border-right: 1px silver solid;
    border-bottom: 1px silver solid;
    padding: 2px;
    margin-bottom: 5px;
    width: 250px;
    font-size:20px;
    -moz-border-radius: 6px 6px 6px 6px ;
            
}

.txtfield_kid{
height:30px; font-size:25px;width:300px;
  -moz-border-radius: 6px 6px 6px 6px ;
}



.txtField_req
{
    border-right: red 3px solid;
}
.txtfield_focus
{
    background: #d7f7e8 url(images/inputbg.gif) no-repeat;
   
}

.white{color:#fff}
#masthead
{
  background: #9966cc;
  overflow: hidden;
}
#bodywrapper
{
	background-color:#ffffff;
}
.topLinks 
{
    text-align:left;
   padding: 5px 7px 5px 5px;
	margin: 5px 4px 10px 0px;
    display: block;
    z-index:299;
}

.topLinks a{
	/*display: block;*/
	width:25%;
	padding: 4px 9px 5px 9px;
	margin: 7px 4px 0px 0px;
	background-color: #dddddd;
	color: #006666;
	border: 1px solid #000000;
	text-align:center;
	font-size:100%;
	font-weight:bold;

}
.topLinks .activePage{
	background-color: #D6E6E5;
	position: relative;
	top:1px;
	font-size:120%;
}

.topLinks .activePage_sub{
	background-color: #ffffff;
	color:black;
	position: relative;
	top:-5px;
	font-size:85%;
    border: 1px dotted #000000;
	border-bottom:0px none #000000;
	padding: 3px 8px 7px 8px;
	cursor:hand;
}

.activePage a a:visited{
	color:White;
}
.topLinks a:hover{
	background-color: #9DC3C1;
}
.False{
background-color: WhiteSmoke;
}
.True{
background-color: silver;
}
.scrollbox
{
    display: block;
    border-width: 0px;
    border-style: solid;
    border-color: red;
    padding: 0px;
    margin-top: 0px;
    height:auto;
    overflow: auto;
    white-space: nowrap;
    overflow-x:auto;
    overflow-y:hidden;
    vertical-align:top;
}
.scrollbox_h
{
    display: block;
    border-width: 0px;
    border-style: solid;
    border-color: red;
    height: 400px;
    overflow: auto;
    white-space: nowrap;
    overflow-x: hidden;
    overflow-y: auto;
    vertical-align: top;
    background-color: #00FF00;
}  
.w{width:450px;}
.m{width:320px;}
.n{
width:201px;
}
.xxx
{padding:4px 0px 0px 4px;
	border-right: white 1px solid;
	border-top: white 1px solid;
	border-left: white 1px solid;
	border-bottom: white 1px solid;
	margin-bottom:10px;
}

.jPaginate{
    height:34px;
    position:relative;
    color:#a5a5a5;
    font-size:small;   
	width:100%;
}
.jPaginate a{
    line-height:15px;
    height:18px;
    cursor:pointer;
    padding:2px 5px;
    margin:2px;
    float:left;
}
.jPag-control-back{
	position:absolute;
	left:0px;
}
.jPag-control-front{
	position:absolute;
	top:0px;
}
.jPaginate span{
    cursor:pointer;
}
ul.jPag-pages{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.jPag-pages li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.jPag-pages li a{
    float:left;
    padding:2px 5px;
}
span.jPag-current{
    cursor:default;
    font-weight:normal;
    line-height:15px;
    height:18px;
    padding:2px 5px;
    margin:2px;
    float:left;
}
ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-next,
span.jPag-sprevious,
span.jPag-snext,
ul.jPag-pages li span.jPag-previous-img,
ul.jPag-pages li span.jPag-next-img,
span.jPag-sprevious-img,
span.jPag-snext-img{
    height:22px;
    margin:2px;
    float:left;
    line-height:18px;
}

ul.jPag-pages li span.jPag-previous,
ul.jPag-pages li span.jPag-previous-img{
    margin:2px 0px 2px 2px;
    font-size:12px;
    font-weight:bold;
        width:10px;

}
ul.jPag-pages li span.jPag-next,
ul.jPag-pages li span.jPag-next-img{
    margin:2px 2px 2px 0px;
    font-size:12px;
    font-weight:bold;
    width:10px;
}
span.jPag-sprevious,
span.jPag-sprevious-img{
    margin:2px 0px 2px 2px;
    font-size:18px;
    width:15px;
    text-align:right;
}
span.jPag-snext,
span.jPag-snext-img{
    margin:2px 2px 2px 0px;
    font-size:18px;
    width:15px;
     text-align:right;
}
ul.jPag-pages li span.jPag-previous-img{
    background:transparent url(../images/previous.png) no-repeat center right;
            }
ul.jPag-pages li span.jPag-next-img{
    background:transparent url(../images/next.png) no-repeat center left;
            }
span.jPag-sprevious-img{
    background:transparent url(../images/sprevious.png) no-repeat center right;
            }
span.jPag-snext-img{
    background:transparent url(../images/snext.png) no-repeat center left;
            }


ul.nav{
    float:left;
    list-style-type:none;
    margin:0px 0px 0px 0px;
    padding:0px;
}
ul.nav li{
    display:inline;
    float:left;
    padding:0px;
    margin:0px;
}
ul.nav li a{
    float:left;
    padding:2px 5px;
}