/*
Parts from BlueTrip CSS framework
*/
/* http://www.carpooling.in/ui-166/ */
/* /ui-166/css */
/* Typography */

html { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; }
strong, th, thead td, h1, h2, h3, h4, h5, h6 { font-weight: bold; }

/* base sizes */

.container { font-size: 1.2em; line-height: 1.6em; }
h1 { font-size: 1.9em; }
h2 { font-size: 1.7em; }
h3 { font-size: 1.5em; }
h4 { font-size: 1.3em; }
h5 { font-size: 1.2em; }
h6 { font-size: 1em; }

ul {
	margin-left: 1.5em;
}

body {
background-image: url("http://www.carpooling.in/ui-166/images/gradient-orange.png");
background-repeat:repeat-x;
/*background-color: #ddd;*/
color: #202020;
}

.container {
border-radius: 10px; border-radius: 10px; 
border: 1px solid #ddd;
background-color: #fff;
padding:10px;
}

/* TABLES */
/*
table { border-top: 1px solid #ccc;  border-left: 1px solid #ccc; }
th, td { border-bottom: 1px solid #ddd; border-right: 1px solid #ccc; }
*/
/* COLORS */

a:link, a:visited { text-decoration: none; color: #36c; }
a:hover { text-decoration: underline; color: #c33; }
a:active, a:focus { text-decoration: underline; color: #000; }
code, pre { color: #c33; } /* very optional, but still useful. W3C uses about the same colors for codes */

/* MARGINS & PADDINGS */

/*
p, ul, ol, table, form { margin-bottom: 1.6em; }
*/
/*
p, ul, ol, form { margin-bottom: 1.6em; }
*/
/* NOTE: Calulate header margins: TOP: 1.6em/size, BOTTOM: 1.6em/size/2 */
h1 { margin: 1em 0 .5em;  }
h2 { margin: 1.07em 0 .535em; }
h3 { margin: 1.14em 0 .57em; }
h4 { margin: 1.23em 0 .615em; }
h5 { margin: 1.33em 0 .67em; }
h6 { margin: 1.6em 0 .8em; }
/*
th, td { padding: .8em; }
*/
fieldset { padding: 0 1em 1em 1em; margin: 1.6em 0; } /* padding-top is margin-top for fieldsets in Opera */
/*
textarea, input { padding: .3em .4em .15em .4em; }
*/
select { padding: .1em .2em 0 .2em; }
option { padding: 0 .4em; }
/*
a { position: relative; padding: 0.3em 0 .1em 0; }  
 */

ul { margin-left: 1.5em; }
ol { margin-left: 2.35em; }
ol ol, ul ol { margin-left: 2.5em; }


.tablecitylist, .tablecitylist th, .tablecitylist td{
	border:0;
}

#profile {
    text-align:right;
}

#menu {
    border: 1px solid #ddd;
    background: #e8edff; /*#f8f8f8;*/
    border-radius: 5px; border-radius: 5px; 
}

#departureCityWrapper {float:left;}

#departureCityAutocomplete {position: relative;width:13em;padding-bottom:2em;z-index:100;}
#departureCity {position: absolute;width:90%;z-index:0;}
#departureCityContainer {position:relative;top:1.6em;width:90%;z-index:9050;}   

#departureCityContainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;
max-height:15em;
overflow:auto; overflow-x:hidden; /* set scrolling */
_height:15em; /* ie6 */
z-index:9050;}   
#departureCityContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}   
#departureCityContainer ul {margin:0px;padding:5px 0;width:100%;}   
#departureCityContainer li {margin:0px;padding:0 5px;cursor:default;white-space:nowrap;}   
#departureCityContainer li.yui-ac-highlight {background:#426FD9;color:#FFF;} 

#departureAreaAddOn {float:left;}

#departureAreaAutocomplete {position:relative;width:13em;padding-bottom:2em;z-index:100;}
#departureArea {position: absolute;width:90%;z-index:0;}
#departureAreaContainer {position:relative;top:1.6em;width:90%;z-index:9050;}   

#departureAreaContainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;
max-height:15em;
overflow:auto; overflow-x:hidden; /* set scrolling */
_height:15em; /* ie6 */
z-index:9050;}   
     
#departureAreaContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9049;}   
#departureAreaContainer ul {margin:0px;padding:5px 0;width:100%;}   
#departureAreaContainer li {margin:0px;padding:0 5px;cursor:default;white-space:nowrap;}   
#departureAreaContainer li.yui-ac-highlight {background:#426FD9;color:#FFF;} 

#destinationCityWrapper {float:left;}

#destinationCityAutocomplete {position: relative;width:13em;padding-bottom:2em;z-index:100;}
#destinationCity {position: absolute;width:90%;z-index:0;}
#destinationCityContainer {position:relative;top:1.6em;width:90%;z-index:9040;}   

#destinationCityContainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;
max-height:15em;
overflow:auto; overflow-x:hidden; /* set scrolling */
_height:15em; /* ie6 */
z-index:9040;}   
#destinationCityContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9039;}   
#destinationCityContainer ul {margin:0px;padding:5px 0;width:100%;}   
#destinationCityContainer li {margin:0px;padding:0 5px;cursor:default;white-space:nowrap;}   
#destinationCityContainer li.yui-ac-highlight {background:#426FD9;color:#FFF;} 

#destinationAreaAddOn {float:left;}

#destinationAreaAutocomplete {position:relative;width:13em;padding-bottom:2em;z-index:100;}
#destinationArea {position: absolute;width:90%;z-index:0;}
#destinationAreaContainer {position:relative;top:1.6em;width:90%;z-index:9040;}   

#destinationAreaContainer .yui-ac-content {position:absolute;width:100%;border:1px solid #404040;background:#fff;
max-height:15em;
overflow:auto; overflow-x:hidden; /* set scrolling */
_height:15em; /* ie6 */
z-index:9040;}   
#destinationAreaContainer .yui-ac-shadow {position:absolute;margin:.3em;width:100%;background:#a0a0a0;z-index:9039;}   
#destinationAreaContainer ul {margin:0px;padding:5px 0;width:100%;}   
#destinationAreaContainer li {margin:0px;padding:0 5px;cursor:default;white-space:nowrap;}   
#destinationAreaContainer li.yui-ac-highlight {background:#426FD9;color:#FFF;} 


/* end of css for "new ad" form */

/* css for form errors */

#formErrorDisplay {
background: #FFA3A9;
border: 1px solid #dd9299; 
width: 500px;
}
#formErrorDisplay li {
margin-left: 4em;
list-style-type: disc;
}

/*end of css for form errors */

/* css for manage my carpools table */
#mySpecificCarpools {
font-family:sans-serif;
font-size:11px;
color:#000;
}
#mySpecificCarpools th, listCarpools th {
font-size:11px;
font-weight:bold;
}
#myRegularCarpools {
font-family:sans-serif;
font-size:11px;
color:#000;
}
#myRegularCarpools th, listCarpools  th {
font-size:11px;
font-weight:bold;
}
/* end of css for manage my carpools */

/* css for search carpools */
#listRegularCarpools {
font-family:sans-serif;
font-size:11px;
color:#000;
}
#listRegularCarpools th, listCarpools  th {
font-size:11px;
font-weight:bold;
}

#listSpecificCarpools {
font-family:sans-serif;
font-size:11px;
color:#000;
}
#listSpecificCarpools th, listCarpools  th {
font-size:11px;
font-weight:bold;
}
/* end of css for search carpools */

/* css for carpool display */
#displayCarpool, #displayUser {
font-family:sans-serif;
font-size:11px;
color:#000;
}

/* end of css for carpool display */

/* css for overlay and modal (while processing when creating a new account)  */
#overlay {
	position: absolute;
	z-index:1000;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background: #000;
	opacity:0.6;
	/*display: none;*/
}

html>body #overlay {
	position: fixed;
}

#modal{
	position: absolute;
	border: 1px solid black;
	z-index: 1002;
	background: #fff;
	padding: 30px;
	/*display:none;*/
	top:20%;
	left:20%;
	border-radius: 10px;
	border-radius : 10px;
}
/* end of css for overlay and modal */

#ft {
	text-align: center;
}
#ft hr, p { margin-bottom: 0em; }

/* standard table styling include some cell-padding */
/* TODO: possibly style only the necessary table (forms) */

#cityIndex {
width: 300px;
margin-left: auto ;
margin-right: auto ;
}

.table1
{
	font-family: Verdana, Arial;
	font-size: 11px;
	margin: 10px auto;
	text-align: left;
	border: 1px solid #d8ddef;
}

.table1 th
{
	font-size: 11px;
	font-weight: bold;
	background-color: #b9c9fe;
	padding: 4px;
	color: #039;
}
.table1 td
{
	padding: 10px;
	font-weight: bold;
	color: #336;
	border: 1px solid #d8ddef;
}
.table1 .odd, .table1 .odd td
{
	background-color: #e8edff; 
}

.carpools
{
/*
	font-family: Arial, Verdana, Arial;
*/
	font-size: 11px;
	margin: 0px;
	/*width: 480px;*/
	text-align: left;
	/*
	border-collapse: collapse;
	*/
	margin-bottom: 0;
	border: 1px solid #666666;
}

.carpools th
{
	font-size: 11px;
	font-weight: bold;
	background-color: #b9c9fe;
	padding: 4px;
	color: #039;
	/*color: #336;*/
}
.carpools td
{
	padding: 4px;
	/*color: #669;*/
	color: #336;
}
.carpools .odd, .carpools .odd td
{
	background-color: #e8edff; 
}

.newaccount input 
{
	margin-bottom: 5px;
}

div.pagination {
	padding: 3px;
	margin: 3px;
}
	
div.pagination a {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #AAAADD;
	
	text-decoration: none; /* no underline */
	color: #000099;
}
div.pagination a:hover, div.pagination a:active {
	border: 1px solid #000099;

	color: #000;
}
div.pagination span.current {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #000099;
	
	font-weight: bold;
	background-color: #000099;
	color: #FFF;
}
div.pagination span.disabled {
	padding: 2px 5px 2px 5px;
	margin: 2px;
	border: 1px solid #EEE;

	color: #DDD;
}

.info, .success, .warning, .error, .validation {
border: 1px solid;
margin: 10px 0px;
padding:15px 10px 15px 50px;
background-repeat: no-repeat;
background-position: 10px center;
font-weight:bold;
}
.info {
color: #00529B;
background-color: #BDE5F8;
background-image: url('http://www.carpooling.in/ui-166/images/info.png');
}
.success {
color: #4F8A10;
background-color: #DFF2BF;
/*background-image:url('http://www.carpooling.in/ui-166/images/success.png');*/
}
.warning {
color: #9F6000;
background-color: #FEEFB3;
background-image: url('http://www.carpooling.in/ui-166/images/warning.png');
}
.error {
color: #D8000C;
background-color: #FFBABA;
background-image: url('http://www.carpooling.in/ui-166/images/error.png');
}


.city {
	font-size: 1.4em;
	font-weight:bold;
	color:#000080;
}

.total {
	font-size: 1em;

}

.totalTable {
	margin: 10px auto;
	color: #202020; 
}

.totalTable td {
	padding-left: 40px;
	padding-bottom : 10px;
}

.totalTable td a {
	color: #36c;
}

.sideText {
	border: 1px solid #ddd;
	margin: 5px 0px;
	padding: 15px 12px;
	background-color: #e8edff;
	border-radius: 10px; border-radius: 10px; 
	text-align : justify;
	color : black;
}