/********************************************************************

Style
********************************************************************/

body  {
font-family: Helvetica, Arial, sans-serif;
font-size:0.9em;

}


.formee fieldset {
	background:#fff;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	margin-top:10px;
	border:none;
	width: 100%;
}

.formee fieldset legend {
width: 97%;
border-top:4px solid #0AA7D6;
padding: 2px 0px 7px 0px;
font-size:2em;
}

.formee legend {
	margin-left:0% !important;
	margin-right:0% !important;
	padding: 0.5% 0.5% 0.8%;
}

/* hover effect */
.grid-1-12:hover, .grid-2-12:hover, .grid-3-12:hover, .grid-4-12:hover, .grid-5-12:hover, .grid-6-12:hover, .grid-7-12:hover, .grid-8-12:hover, .grid-9-12:hover, .grid-10-12:hover, .grid-11-12:hover, .grid-12-12:hover {}
.field-button:hover {background:transparent;}

/* Section padding for GA only */
.grid-1-12, .grid-2-12, .grid-3-12, .grid-4-12, .grid-5-12, .grid-6-12, .grid-7-12, .grid-8-12, .grid-9-12, .grid-10-12, .grid-11-12, .grid-12-12 {
margin-top: 10px;
}

/* stops padding for grids inside grids and make them full size */
.grid-12-12 .grid-1-12, .grid-12-12 .grid-2-12, .grid-12-12 .grid-3-12, .grid-12-12 .grid-4-12, .grid-12-12 .grid-5-12, .grid-12-12 .grid-6-12, .grid-12-12 .grid-7-12, .grid-12-12 .grid-8-12, .grid-12-12 .grid-9-12, .grid-12-12 .grid-10-12, .grid-12-12 .grid-11-12, .grid-12-12 .grid-12-12, 

.grid-12-12 legend

 {
	 padding: 0;
	margin-left:0%;
	margin-right:0%;
	width: 100% !important;
}

/* stops padding for messages inside grids */
.grid-12-12 .formee-msg-info, .grid-12-12  .formee-msg-warning, .grid-12-12 .formee-msg-error, grid-12-12 .formee-msg-success {
margin: 0 0 0.8em 0 ;
}

/* Form legend and titles */


.formee legend, .formee h3 {
	font-size:1.5em;
	line-height:1.2em;
	letter-spacing: -.035em;
	color:#2b2b2b;
	font-weight: bold;
	

}

.formee h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
	margin-top: 1.3em;
	border-top: 4px solid #0AA7D6;
	padding-top: 8px;
}


/* form elements  */
.formee-lbl, .formee label, td, th, .formee-readonly, .ui-controlgroup-label  {
	color:#2b2b2b;

	line-height: 1.3em;	
}

.formee-readonly  {
	margin-top:5px;
	margin-bottom:5px;
	color: #444;
	/*background:#f1f1f1;*/
  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
	min-height:16px;
}

.formee-readonly p {
		padding:10px 0px;

	line-height: 1.3em;	
}

.formee-readonly td{

	line-height: 1.3em;	
}

p.formee-readonly  {
		padding:10px;
}

p.formee-review  {
		padding:10px 10px;
	line-height: 1.3em;	
	background:#f1f1f1;
	  -moz-border-radius: 4px;
  -webkit-border-radius: 4px;
  border-radius: 4px;
}


.formee .ui-content p{margin-bottom: 10px;}

.formee-introduction  {
	margin-top:10px;
	/* font-size: 1.2em; */
	line-height: 1.3em;	

}

.formee-description {
	margin-top: 3px;
color: #777;

line-height: 1.3em;
margin-bottom: 8px;
	font-size: 0.9em;
}


.formee-description p{

}

.formee-req {
	font-weight: bold;
	font-style:normal;
	color:#d10000;
	font-size:1.2em;
	line-height: .85em;
}
.formee .formee-txt, .formee input[type="text"], .formee input[type="email"], .formee input[type="tel"], .formee input[type="password"], .formee input[type="file"], .formee textarea, .formee select {
	border-color:#c6c6c6 #dadada #eaeaea;
	background: #fafafa;
	color:#999;
	font-size: 1.1em;
	font-family:inherit;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
	/* font-size: 1.1em; */
}

.formee input[type="radio"], .formee input[type='checkbox']{margin:6px 0px;}


.formee select {
	border-color:#c6c6c6 #dadada #eaeaea;
	background: #fafafa;
	color:#999;
}
.formee .formee-txt:hover, .formee input[type="text"]:hover, .formee input[type="password"]:hover, .formee input[type="file"]:hover, .formee textarea:hover, .formee select:hover {
	color:#666;
	background: #fff none;
	border-color:#c6c6c6;
}


form .formee-txt:focus, .formee input[type="text"]:focus, .formee input[type="password"]:focus, .formee input[type="file"]:focus, .formee textarea:focus, .formee select:focus  {
	color:#333;
	background: #fff none;
	border-color:#659ec9 #70aedd #a8cfec;
	outline: 0;
}


/* form msg status  */
.formee-msg-info, .formee-msg-warning, .formee-msg-error, .formee-msg-success {
	color:#2b2b2b;
	/*corner*/
	-moz-border-radius: 4px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.formee-msg-info h3, .formee-msg-warning h3, .formee-msg-error h3, .formee-msg-success h3 {
	font-size:2em;
	line-height:1.1em;
	letter-spacing:-.02em;
	padding:0;
	margin:0 0 .3em 0;
}
.formee-msg-info {
	background: #d1ecf7 url(https://www.geelongaustralia.com.au/common/public/icons/form-ic-info.png) no-repeat 12px 23px;
	border-color:#bcdfef;
}
.formee-msg-warning {
	background: #fff6bf url(https://www.geelongaustralia.com.au/common/public/icons/form-ic-warning.png) no-repeat 12px 23px;
	border-color:#fceb77;
}
.formee-msg-error {
	background: #fad0d0 url(https://www.geelongaustralia.com.au/common/public/icons/form-ic-error.png) no-repeat 12px 23px;
	border-color:#f6abab;
}
.formee-msg-success {
	background: #e5f8ce url(https://www.geelongaustralia.com.au/common/public/icons/form-ic-success.png) no-repeat 12px 23px;
	border-color:#d0f1a6;
}

.formee-msg-success strong {color:#62b548;}
.formee-msg-info strong {color:#11689e;}
.formee-msg-warning strong {color:#957210;}
.formee-msg-error strong {color:#b01717;}

/* form validation */
.formee-error {
	border-color: #d11515 !important;
	color: #b01717 !important;
  -moz-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  -webkit-box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
  box-shadow: 0 0 3px 0 rgba(176,23,23,.4);
}

/* form buttons */
.formee-button, .formee input[type="submit"], .formee input[type="button"], .formee input[type="reset"] {
  font-size:1.2em;
  line-height:1.4em;
  color:#fff;
  border-color:#3a77a4;
  background:#5393c2;

  background: -moz-linear-gradient(top, #5393c2 40%, #3a77a4);
  background: -webkit-linear-gradient(top, #5393c2 40%, #3a77a4);
  /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5393c2', endColorstr='#3a77a4'); */

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;

  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
}

  /* 
.formee-button:hover, .formee input[type="submit"]:hover, .formee input[type="button"]:hover, .formee input[type="reset"]:hover {
	
	  color: white !important;
	    text-decoration: underline !important;
  background:#70aedd;

  background: -moz-linear-gradient(top, #70aedd 40%, #69a4d0);
  background: -webkit-linear-gradient(top, #70aedd 40%, #69a4d0);
 

  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
}*/



/* form buttons inside a table */
td input[type="button"]  {
font-size: 1em !important;
}

.formee-table {
      border:1px solid #c6c6c6;
      padding:4px;
      background:#fafafa;

  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}
.formee-table tbody{
       border:1px solid #c6c6c6;
       padding:3px;
        -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}

.formee-table td{
      border:0px;
      padding:3px;
}


/* form buttons */
.formee input[type="submit"].green-button, .formee input[type="button"].green-button, .formee input[type="reset"].green-button, 
.green-button {
 
 font-weight:bold;
padding:8px 15px 9px;
  cursor: pointer;
  text-align: center;
   
 font-size:1.5em; 
  line-height:1.4em;
  color:#fff;    
  border:1px solid #486e12;
background:#6a9e21;
  background: -moz-linear-gradient(top, #6a9e21 40%, #5a851d) ;
  background: -webkit-linear-gradient(top, #6a9e21 40%, #5a851d) ;
  /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6a9e21', endColorstr='#5a851d');*/
  
  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;
    
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) ;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) ;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) ;

 text-shadow: 0 1px 1px rgba(0, 51, 0, 0.35) ;
   

   
}
 /*
.green-button:hover, .green-button input[type="submit"]:hover, .green-button input[type="button"]:hover, .green-button input[type="reset"]:hover {
  border:1px solid #3b6f18;
  background:#5e9117;

  background: -moz-linear-gradient(top, #5e9117 40%, #466c0f) ;
  background: -webkit-linear-gradient(top, #5e9117 40%, #466c0f) ;*/

 /* filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#5e9117', endColorstr='#466c0f') ;*/
  /* corner   -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;


  -moz-box-shadow: 0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4);
  box-shadow:  0 1px 1px 0 rgba(0,0,0,.2), inset 0 1px 0 0 rgba(255,255,255,.4);
  text-shadow: 0 1px 1px rgba(0, 51, 0, 0.55);
}

*/
.formee input[type="submit"].grey-button, .formee input[type="button"].grey-button, .formee input[type="reset"].grey-button, .grey-button
{
     padding:8px 15px 9px;
  cursor: pointer;
  text-align: center;
  border:1px solid #ccc;
 font-size:1.2em;
  line-height:1.4em;
  color:#666;

  background:#ccc;
  
  background: -moz-linear-gradient(top, #f3f3f3 40%, #d7d7d7) !important;
  background: -webkit-linear-gradient(top, #f3f3f3 40%, #d7d7d7) !important;
  /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#d7d7d7'); */
  
  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;

   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.45) !important;

  -moz-border-radius: 6px;
  -webkit-border-radius: 6px;
  border-radius: 6px;

}
 /*
.grey-button:hover, .grey-button input[type="submit"]:hover, .grey-button input[type="button"]:hover, .grey-button input[type="reset"]:hover {
  color:#444 !important;
  border-color:#a7a7a7 !important;
  background:#ccc !important;

  background: -moz-linear-gradient(top, #f0f0f0 40%, #b8b8b8) !important;
  background: -webkit-linear-gradient(top, #f0f0f0 40%, #b8b8b8) !important;
  */
  /*filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#b8b8b8');*/
    /*

  -moz-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;
  -webkit-box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;
  box-shadow: inset 0 1px 0 0 rgba(255,255,255,.4) !important;

   text-shadow: 0 1px 1px rgba(255, 255, 255, 0.95) !important;
}

*/


/* make a form button oversized */
.formee input[type="submit"].large-button, .formee input[type="button"].large-button, .formee input[type="reset"].large-button, .large-button
{
  font-size: 1.8em;
  font-weight:bold;
  line-height:1.8em;
  padding:10px 20px 10px 20px !important;
}

.text-button{float:left; font-size:1.2em; padding:12px 10px 5px 10px;}

* {margin:0;padding:0;}
/* fix  ff bugs */
form:after, div:after, ol:after, ul:after, li:after, dl:after {
	content:".";
	display:block;
	clear:both;
	visibility:hidden;
	height:0;
	overflow:hidden;
}



/* container updates */

form {clear:both;}

.container {
margin:0px auto; 
max-width:800px;
height:100%;
padding:0 10px; 
background: #fff; 
border-radius: 5px;

}
body{background:#edece7;}


/* header design */

.formheader-ga {
/*background: url(https://www.geelongaustralia.com.au/common/public/images/inpage/form-bg.jpg) repeat-x #0b4e7b;*/
background:#FFF;
margin-left: -10px;
margin-right: -10px;
padding: 10px 10px 10px 0px;
}


.pennents{
margin:0px 0px 0px 0px;
}
.pennents img{
margin:0px; padding:0;
}
.citytitle{
float:right;
margin:35px 10px 10px 10px;
width:30%;
}


.mygeelonglogin
{    color:#FFF;
              font-size:1.2em;
              float:right;
              right:30px;
              top:15px;
              padding:15px 30px 0px 0px;
              }
              
.mygeelonglogin a{color:#FFF;
            text-decoration:none;
}
.mygeelonglogin a:hover{color:#FFF;
            text-decoration:underline;
}
span img.form-lock{vertical-align:middle;padding-left:5px;}


.header {
background: url(http://cityweb.cogg/library/images/header_background.gif) repeat-x #005693;
margin-left:-10px;
margin-right:-10px;
padding: 6px 0px;
}
.header img{
margin:0;
padding:0;
border:0;
}

.cityweblogin
{    color:#FFF;
              font-size:1.2em;
              float:right;
              right:30px;
              top:15px;
              padding:15px 30px 0px 0px;
              }
              
.cityweblogin a{color:#FFF;
            text-decoration:none;
}
.cityweblogin a:hover{color:#FFF;
            text-decoration:underline;
}

/* footer */

.ga-form-footer{ background-color:#003263;padding:3px;margin-top:10px;margin-left: -10px;margin-right: -10px;}
.ga-form-footer img{float:right;margin-right:15px;}

.ga-form-footer .copyright{color:#FFF;float:left;display:inline;padding:18px 0px;}
.ga-form-footer .copyright ul li{color:#FFF;font-size:1em; float:left;display:inline;margin-left: 10px;}
.ga-form-footer .copyright ul {margin-left: 0px;}
.ga-form-footer .copyright a{color:#FFF;text-decoration:none;}
.ga-form-footer .copyright a:hover{color:#00a8de;text-decoration:underline;}


	.ga-form-footer .copyright ul li:first-child {
		display: none;
	}

.form-footer div:first-child { margin-top:20px;}
/* styles */
h1 {
	font-size: 2.5em;
	line-height: 1.2em;
	margin-bottom: 0.5em;
	letter-spacing: -0.05em;
}
h2 { font-size: 2em;line-height: 1.3em; margin-bottom: 0.75em; letter-spacing:-0.04em;}
h3 {
	font-size: 1.3em;
	line-height: 1.3em;
	margin-bottom: 1em;
	margin-top: 1.3em;
	border-top: 4px solid #0AA7D6;
	padding-top: 8px;
}
h4 { font-size: 1.2em; line-height: 1.25em; margin-bottom: 1.25em; }
h5 { font-size: 1em; margin-bottom: 1.5em; }
h6 { font-size: 1em; }

.formee .ui-content h2 {
width: 97%;
border-top:4px solid #0AA7D6;
padding: 2px 0px 7px 0px;
font-size:2em;
margin-top:10px;
}

.border{border:1px solid #ccc;padding:5px; }
.description {	line-height: 1.3em;}
.description  li{line-height:1.2em; margin:5px 0px 0px 20px;padding:0px;}

li{line-height:1.5em; padding-bottom: 5px;
   }
   
ol, ul, li {
  margin: 0;
  padding: 0;

}
ol, ul {
  margin-left: 30px;
}

p{margin:8px 0px;line-height:1.2em;}
p.thankyou{ }
p.required{  margin-bottom:5px;}

.formee-set-fee{font-size:1.4em;}

.small{}
.grey {color:#555;}
.muted {color: #888888;}
.errortext{color:#b01717;font-weight:normal;font-size:1.4em;line-height:2em;}

.valid-error-box
{
display:block;

margin: -5px 0px 0px 0px;
background:#f6abab;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
padding:0px 8px;

font-size: 0.9em;
}


hr {
margin-top: 8px;
margin-bottom: 8px;
}


/* form steps */


#form-steps {
text-align: center;
font-size: 1.3em;
font-family: Arial,Helvetica,sans-serif;
color: #444;
margin: 0px auto 5px;
border-top:1px solid #ccc;
}
.steps {
	padding:0;
position:relative;
float:left;
  text-align: center;
   float:left;
   width:100%;
   background:#fff;
   overflow:hidden;
   position:relative;
   
	}
.steps ul 
{

float:left;
clear:left;
   list-style:none;
   margin:0;
   padding:0;
   position:relative;
   left:50%;
   text-align:center
	}
.steps ul li 
{
	display:block;
	float:left;
	text-align:center;
	color:#adac9c;
	font:bold 1em Arial,Helvetica,sans-serif;
	padding:38px 0px 0px 0px;
	width:110px;
	display:block;
   position:relative;
   right:50%;
	}	
.steps ul li.active {
	color:#115ea7;
	}		
.steps ul li#one {
	background:url(/common/public/navimages/steps.png) no-repeat 50% 0px;
	}
.steps ul li#one.active {
	background:url(/common/public/navimages/steps-on.png) no-repeat 50% 0px;
	}	
.steps ul li#two {
	background:url(/common/public/navimages/steps.png) no-repeat 50% -65px ;
	}
.steps ul li#two.active {
	background:url(/common/public/navimages/steps-on.png) no-repeat 50%  -65px ;
	}
.steps ul li#three {
	background:url(/common/public/navimages/steps.png) no-repeat 50% -130px ;
	}
.steps ul li#three.active {
	background:url(/common/public/navimages/steps-on.png) no-repeat 50% -130px;
	}
.steps ul li#four {
	background:url(/common/public/navimages/steps.png) no-repeat 48% -195px ;
	}
.steps ul li#four.active {
	background:url(/common/public/navimages/steps-on.png) no-repeat 48% -195px ;
	}
.steps ul li span.leftbar{
	border-top:1px solid #ccc; 
	width:60px;
	padding:1px 0px 0px 0px;
	margin-left:-30px;
	margin-top:-20px;
	float:left;
	}
	


#AutoComplete 
{
   
    overflow: visible !important;
    padding-left: 4px !important;

    color: #000000 !important;
    margin:0;
 
    }
    
#AutoComplete div 
{
 
    padding: 4px;
    cursor: pointer;
    background-color: #fff !important;
    color: #000000 !important;
    margin:0;  
    border:1px solid #999;
   
        }
        
  

/* AutoComplete item */
.AutoCompleteExtender_CompletionList, .AutoCompleteExtender_CompletionList1
{
   
    background-repeat: no-repeat;
    color:#000;
    padding: 0px 2px 2px 0px !important;

  font-size:1.3em;
    margin: 0px 0px 0px 0px;
    list-style:none;
    z-index: 999;

  
/*creates border with
autocomplete_completionListElement*/

    background-color:#FFF;

  border:1px solid #999;

}

.AutoCompleteExtender_CompletionList1 {}

/*AutoComplete flyout */
.AutoCompleteExtender_CompletionListItem, .AutoCompleteExtender_CompletionListItem1
{ 
background-color: #ffffff;
margin:0px 0px 0px 10px;
padding:4px;
  font-size:1.1em;
}

.AutoCompleteExtender_CompletionListItem1, .AutoCompleteExtender_HighlightedItem1
 {}


/* AutoComplete highlighted item */
.AutoCompleteExtender_HighlightedItem, .AutoCompleteExtender_HighlightedItem1
{
background-color: #bce4fe;
color: #005d9c;
cursor: pointer;
margin-left:10px;
padding:4px;
font-size:1.1em;
}
	
/* Not so RAD upload overides  !important helps overide */
RadUpload_Default .RadUpload{overflow:hidden !important; visibility: visible !important;}

.RadUpload {
width: 310px !important;
text-align: left;
}

.ruButton, .ruRemove{margin: 0px 0px 5px 10px !important;}

.ruButton{ 	height: auto !important;  }
.ruBrowse{ height: auto !important; width: auto !important;}

.formee .RadUpload input[type="text"], .formee .RadUpload input[type="password"], .formee .RadUpload input[type="file"],  .formee .RadUpload select{
font-size:1.3em;
width: auto !important;
height: 40px;
cursor:pointer ;
}

.formee .RadUpload input[type="button"], .formee .RadUpload input[type="password"], .formee .RadUpload input[type="file"],  .formee .RadUpload select{
font-size: 1rem !important;
}

/* trying to get the hover effect in ie
object{cursor:crosshair !important;}


.formee .RadUpload object.ruObject:hover {
background: red !important;
cursor:crosshair !important;
}*/

.ruObject{height: 40px !important;}




.ruFileProgressWrap{margin: 5px 0px 5px 0px !important;}

.RadUpload .ruFakeInput {
height: auto !important;
line-height:1.3em !important;
}

.RadUpload input.ruFileInput {
font: 1.3em Arial !important;
}
/*
.ruFileInput input[type="file"]:hover {
	color:white !important;
text-decoration:underline !important;

} */

.RadUpload .ruFileWrap {
position: relative;
display: inline-block;
white-space:none !important;
vertical-align: top;
line-height: 16px;
zoom: 1;
overflow: hidden !important;
height: auto !important;
}

.ruUploadProgress,  .ruUploadFailure, .ruUploadProgress a,  .ruUploadFailure a {
font: normal 1.3em Arial,sans-serif !important;
}

a.ruUploadProgress , a.ruUploadSuccess {font-size:1.4em !important;}

span.ruUploadProgress , span.ruUploadSuccess {font-size:1.4em !important;margin-right:8px;}

p.formee-readonly span.ruUploadProgress , span.ruUploadSuccess {font-size:1.4em !important;}


/* RAD calendar box */
.RadInput_Default .riTextBox, .RadInputMgr_Default {
font: 1.3em Arial,sans-serif !important;
}

.RadCalendar_Default .rcMainTable {	font-size: 1.3em !important;}

.RadCalendar_WebBlue .rcMainTable {
font-size: 1.3em !important;
}

.riSingle .riTextBox, .riSingle .riTextBox[type="text"] {
padding: 5px;
width: 240px !important;
font-size: 1.1em;
}


.riTextBox {
height:auto !important;
border-color:#c6c6c6 #dadada #eaeaea !important;
background: #fafafa !important;
width:auto !important;
padding:10px !important;
}

.RadPicker .RadInput {
font-size:0.9em !important;
}



.formee table {
      border:1px solid #c6c6c6;
      padding:4px;
      background:#fafafa;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;
  font-weight:normal;

}
table tbody{
       border:1px solid #c6c6c6;
       padding:3px;
        -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  border-radius: 3px;

}

table td{
 border:1px solid #c6c6c6;
      padding:3px 5px;
}

.formee-description table td{
	font-size: 1em;
}

table {
  max-width: 100%;
  background-color: transparent;
  border-collapse: collapse;
  border-spacing: 0;
}

.table {
  width: 100%;
  margin-bottom: 20px;
}

.table th,
.table td {
  padding: 8px;
  line-height: 20px;
  text-align: left;
  vertical-align: top;
  border-top: 1px solid #dddddd;
}

.table th {
  font-weight: bold;
}

.table thead th {
  vertical-align: bottom;
}

.table caption + thead tr:first-child th,
.table caption + thead tr:first-child td,
.table colgroup + thead tr:first-child th,
.table colgroup + thead tr:first-child td,
.table thead:first-child tr:first-child th,
.table thead:first-child tr:first-child td {
  border-top: 0;
}

.table tbody + tbody {
  border-top: 2px solid #dddddd;
}

/* staffpicker */
table#ctl00_MainContentPlaceHolder_ctl00_SS_ro_empcode_dv_staffselect {
border: 1px solid #c6c6c6;
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
font-size:1em;
}


div.RadPicker table tbody {
 border:none;
 background:#FFF;
}

.payment table{ width:97%;
	
	}
	
/* tabs from bootrap */	

.nav { 
  margin-bottom: 20px;
  margin-left: 0;
  list-style: none;
  font-size:0.9rem !important;
}

.nav > li > a {
  display: block;
}

.nav > li > a:hover,
.nav > li > a:focus {
  text-decoration: none;
  background-color: #eeeeee;
}

.nav > li > a > img {
  max-width: none;
}

.nav > .pull-right {
  float: right;
}

.nav-header {
  display: block;
  padding: 3px 15px;
  font-size: 11px;
  font-weight: bold;
  line-height: 20px;
  color: #999999;
  text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5);
  text-transform: uppercase;
}


.nav-tabs,
.nav-pills {
  *zoom: 1;
}

.nav-tabs:before,
.nav-pills:before,
.nav-tabs:after,
.nav-pills:after {
  display: table;
  line-height: 0;
  content: "";
}

.nav-tabs:after,
.nav-pills:after {
  clear: both;
}

.nav-tabs > li,
.nav-pills > li {
  float: left;
}

.nav-tabs > li > a,
.nav-pills > li > a {
  padding-right: 12px;
  padding-left: 12px;
  margin-right: 2px;
  line-height: 14px;
}

.nav-tabs {
  border-bottom: 1px solid #ddd;
    font-size:1em;
}

.nav-tabs > li {
  margin-bottom: -1px;
}

.nav-tabs > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  line-height: 20px;
  border: 1px solid transparent;
  -webkit-border-radius: 4px 4px 0 0;
     -moz-border-radius: 4px 4px 0 0;
          border-radius: 4px 4px 0 0;
}

.nav-tabs > li > a:hover,
.nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #dddddd;
}

.nav-tabs > .active > a,
.nav-tabs > .active > a:hover,
.nav-tabs > .active > a:focus {
  color: #555555;
  cursor: default;
  background-color: #ffffff;
  border: 1px solid #ddd;
  border-bottom-color: transparent;
}

.nav-pills > li > a {
  padding-top: 8px;
  padding-bottom: 8px;
  margin-top: 2px;
  margin-bottom: 2px;
  -webkit-border-radius: 5px;
     -moz-border-radius: 5px;
          border-radius: 5px;
}

.nav-pills > .active > a,
.nav-pills > .active > a:hover,
.nav-pills > .active > a:focus {
  color: #ffffff;
  background-color: #0088cc;
}

.nav-stacked > li {
  float: none;
}

.nav-stacked > li > a {
  margin-right: 0;
}

.nav-tabs.nav-stacked {
  border-bottom: 0;

}


.nav-tabs.nav-stacked > li > a {
  border: 1px solid #ddd;
  -webkit-border-radius: 0;
     -moz-border-radius: 0;
          border-radius: 0;
}

.nav-tabs.nav-stacked > li:first-child > a {
  -webkit-border-top-right-radius: 4px;
          border-top-right-radius: 4px;
  -webkit-border-top-left-radius: 4px;
          border-top-left-radius: 4px;
  -moz-border-radius-topright: 4px;
  -moz-border-radius-topleft: 4px;
}

.nav-tabs.nav-stacked > li:last-child > a {
  -webkit-border-bottom-right-radius: 4px;
          border-bottom-right-radius: 4px;
  -webkit-border-bottom-left-radius: 4px;
          border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -moz-border-radius-bottomleft: 4px;
}

.nav-tabs.nav-stacked > li > a:hover,
.nav-tabs.nav-stacked > li > a:focus {
  z-index: 2;
  border-color: #ddd;
}

.nav-pills.nav-stacked > li > a {
  margin-bottom: 3px;
}

.nav-pills.nav-stacked > li:last-child > a {
  margin-bottom: 1px;
}

.nav-tabs .dropdown-menu {
  -webkit-border-radius: 0 0 6px 6px;
     -moz-border-radius: 0 0 6px 6px;
          border-radius: 0 0 6px 6px;
}

.nav-pills .dropdown-menu {
  -webkit-border-radius: 6px;
     -moz-border-radius: 6px;
          border-radius: 6px;
}

.nav .dropdown-toggle .caret {
  margin-top: 6px;
  border-top-color: #0088cc;
  border-bottom-color: #0088cc;
}

.nav .dropdown-toggle:hover .caret,
.nav .dropdown-toggle:focus .caret {
  border-top-color: #005580;
  border-bottom-color: #005580;
}

/* move down carets for tabs */

.nav-tabs .dropdown-toggle .caret {
  margin-top: 8px;
}

.nav .active .dropdown-toggle .caret {
  border-top-color: #fff;
  border-bottom-color: #fff;
}

.nav-tabs .active .dropdown-toggle .caret {
  border-top-color: #555555;
  border-bottom-color: #555555;
}

.nav > .dropdown.active > a:hover,
.nav > .dropdown.active > a:focus {
  cursor: pointer;
}

.nav-tabs .open .dropdown-toggle,
.nav-pills .open .dropdown-toggle,
.nav > li.dropdown.open.active > a:hover,
.nav > li.dropdown.open.active > a:focus {
  color: #ffffff;
  background-color: #999999;
  border-color: #999999;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
  border-top-color: #ffffff;
  border-bottom-color: #ffffff;
  opacity: 1;
  filter: alpha(opacity=100);
}

.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
  border-color: #999999;
}

.tabbable {
  *zoom: 1;
}

.tabbable:before,
.tabbable:after {
  display: table;
  line-height: 0;
  content: "";
}

.tabbable:after {
  clear: both;
}

.tab-content {
  overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
  border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
  display: none;  font-size:0.9rem !important;
}

.tab-content > .active,
.pill-content > .active {
  display: block;
}

.tabs-below > .nav-tabs {
  border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
  margin-top: -1px;
  margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
  -webkit-border-radius: 0 0 4px 4px;
     -moz-border-radius: 0 0 4px 4px;
          border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
  border-top-color: #ddd;
  border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
  border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
  float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
  min-width: 74px;
  margin-right: 0;
  margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
  float: left;
  margin-right: 19px;
  border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
  margin-right: -1px;
  -webkit-border-radius: 4px 0 0 4px;
     -moz-border-radius: 4px 0 0 4px;
          border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
  border-color: #eeeeee #dddddd #eeeeee #eeeeee;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
  border-color: #ddd transparent #ddd #ddd;
  *border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
  float: right;
  margin-left: 19px;
  border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
  margin-left: -1px;
  -webkit-border-radius: 0 4px 4px 0;
     -moz-border-radius: 0 4px 4px 0;
          border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
  border-color: #eeeeee #eeeeee #eeeeee #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
  border-color: #ddd #ddd #ddd transparent;
  *border-left-color: #ffffff;
}

.nav > .disabled > a {
  color: #999999;
}

.nav > .disabled > a:hover,
.nav > .disabled > a:focus {
  text-decoration: none;
  cursor: default;
  background-color: transparent;
}


	
/* hide this from friends */
.friend-finder{position:absolute;margin-left: -3000px;}
.friend-finder2{display:none;}
.friend-finder3{visibility:hidden;}	

/* Media queries ----------- */

/* Large desktop */
@media (min-width: 1200px) {
	.citytitle{
margin:35px 10px 10px 10px;
}
}
 
/* Portrait tablet to landscape and desktop */
@media (min-width: 768px) and (max-width: 979px) {

}
 
/* Landscape phone to portrait tablet */
@media (max-width: 767px) { 
#toTop { display:none !important;}


	.citytitle{
margin:35px 10px 10px 10px;
}

}
 
 /* Landscape phones and down */
@media (max-width: 638px) { 
#toTop { display:none !important;}

	.citytitle{
margin:25px 10px 10px 10px;
width:35%;
}

/* bust down the partial grids to full width when on a samll phone */
fieldset .grid-1-12, fieldset .grid-2-12, fieldset .grid-3-12, fieldset .grid-4-12, fieldset .grid-5-12, fieldset .grid-6-12, fieldset .grid-7-12, fieldset .grid-8-12, fieldset .grid-9-12, fieldset .grid-10-12, fieldset .grid-11-12
{ 
width:97%;
}

h1 { font-size: 2.5em;}

}
 
/* Landscape phones and down */
@media (max-width: 480px) { 
#toTop { display:none !important;}

	.citytitle{
margin:20px 10px 10px 10px;
width:45%;
}
.copyright ul li{display:block !important;
clear: both;}

h1 { font-size: 2.2em;}

}