/* 
    Document   : reservation
    Created on : Jan 5, 2010, 12:02:02 AM
    Author     : joshua
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

body {
    font-size: 8pt;
}

label.error {
    color: red;
}

#maMap {
    width: 500px;
    height: 500px;
    float: right;
}

#maPickupDate {
    width: 8em;
}

#maPickupTime {
    width: 6em;
}

.pkupMenu
{
	width: 49%;
	float: left;
}

.destMenu
{
	width: 49%;
	float: left;
	margin-left: 5px;
}

.inputWidth {
    width: 22em;
}

.inputWidthMobile 
{
	width: 98%;
}

#maTab {
    width: 850px;
}

#maTab2 
{
	width: 100%;
}

#maPassengerInfo label {
    font-weight: bold;
}

.ma-menus {
    padding: 3px;
    width: 225px;
    filter: alpha(opacity=80);
    opacity: 0.8;
    /*clip: rect(0px,251px,500px,0px);*/

}

.ma-menu-click 
{
	font-weight: bold;
	padding: 3px;
}

.ma-menus a { font-size: 8pt; }

.ma-menus span {
    color: #222222;
    font-size: 8pt;
}

.ma-button { outline: 0; margin:0 4px 0 0; padding: .4em 1em; text-decoration:none !important; cursor:pointer; position: relative; text-align: center; zoom: 1; }
.ma-button .ui-icon { position: absolute; top: 50%; margin-top: -8px; left: 50%; margin-left: -8px; }

.ma-button-icon-solo { padding-left: 0.5em; padding-right: 0.5em; }
.ma-button-icon-left { padding-left: 2.1em; }
.ma-button-icon-left .ui-icon { right: auto; left: .2em; margin-left: 0; }
.ma-button-icon-right { padding-right: 2.1em; }
.ma-button-icon-right .ui-icon { left: auto; right: .2em; margin-left: 0; }
.ma-button-icon-solo2 { padding-left: 1.0em; padding-right: 1.0em; }
.ma-col-left { float: left; margin-right: 15px; width: 25em; }
.ma-col-right { float: right; }

#maDropoffList .ui-selecting { background: #FECA40; }
#maDropoffList .ui-selected { background: #F39814; color: white; }
#maDropoffList { list-style-type: none; margin: 0; padding: 0; width: 23em; }
#maDropoffList li { margin: 3px; padding: 0.4em; height: 18px; }

#maDropoffOptions { position: absolute; display: none; }