/**********************    Layout         ***************************************************************************/

.mainSection
{
    width:100%;
}

    .headerSection IMG
    {
        width:100%;
    }

    .headerSection .courtName
    {
        font-size:1.4em;

        top: -55px;
    }

.courtDetailsSection
{
    font-weight:normal;
}

.courtDetailsSection .leftCol
{
    float:none; 
    width:100%;
    text-align:left;
}

.courtDetailsSection .rightCol
{
    float:none; 
    width:100%;
    text-align:left;
}    
    .stepButton .name
    {
        display:none;
    }

    .stepButton .name:after
    {
        content: " ";
    }

    .stepButton:after, .stepButton:before 
        {
            left: initial;
            top: initial;
            border: initial;
            content: initial;
            height: initial;
            width: initial;
            position: initial;
            pointer-events: initial;
            z-index:initial;
        }

        .stepButton:after 
        {
            border-color: initial;
            border-left-color: initial;
            border-width: initial;
            margin-top: -initial;
            z-index:initial;
        }

        .stepButton:last-of-type:after
        {
            border: initial;
            margin-top: -initial;
            z-index:initial;
        }

        .stepButton:before 
        {
            border-color: initial;
            border-left-color: initial;
            border-width: initial;
            margin-top: initial;
            z-index:initial;
        }


.footerSection
{  
    padding:0;  
}

    .footerSection .leftCol
    {
        float:none; 
        width:100%;
        text-align:left;
    }

    .footerSection .rightCol
    {
        margin-top:10px;
        float:none; 
        width:100%;
        text-align:left;
    }
  
/**********************    Layout         ***************************************************************************/


/**********************    Basic Classes         ***************************************************************************/


.button
{
    padding: 3px 3px 3px 3px;
}

.pageSection
{
    margin:3px;
}

.contentSection
{
    padding:2px 2px 2px 2px; 
}

.halfSection
{
    float:none;    
    width:98%;    
    margin:0 0 12px 0;
    padding:4px;

    border-style:solid;
    border-width:1px;
    -webkit-border-radius: 0;
    -moz-border-radius: 0;
    border-radius: 0;        

    -webkit-box-shadow: none; 
    -moz-box-shadow: none; 
    box-shadow: none; 
}

.halfSection:nth-child(even)
{
    float:none;
}

/**********************    Basic Classes         ***************************************************************************/






/**********************    Col Classes          ***************************************************************************/

.entryNameCol
{
    text-align:left;   
    font-size:0.8em;
    float:none;
    width: 100%;
    margin-right:0;    
}

.entryValueCol
{        
    text-align:left;    
    margin-bottom:18px;
    float:none;
    width: 200px;
}

.col
{
    float:none;
    width:100%;
    min-width:150px;
}

.colSpacer 
{
    float:none;
    text-align:left;
    margin-bottom:1em;
}

.entryName
{
    text-align:left;   
    font-size:0.8em;
}

.entryValue
{        
    text-align:left;
    font-weight:bold;
    margin-bottom:18px;
}

    .entryValue INPUT[type="text"], .entryValue SELECT, .entryValueCol INPUT[type="text"], .entryValueCol SELECT, .evtryValue INPUT[type="password"], .entryValueCol INPUT[type="password"]
    {
        width:95%;          
        padding:8px 2px 8px 8px;

        font-family: 'Open Sans', sans-serif !important;
        font-size: 1.2em !important;
        color: #444;

        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
        border-radius: 3px;              
        border: solid 1px #cbc9c9;

        -webkit-box-shadow: none; 
        -moz-box-shadow: none; 
        box-shadow: none; 
                
        -ms-box-sizing:content-box;
        -moz-box-sizing:content-box;
        -webkit-box-sizing:content-box; 
        box-sizing:content-box;
    }

    .icon INPUT[type="text"], .icon SELECT
    {
        width:80%;
    }

.entryValue IMG[src="Images/searchIcon.gif"]
{
    vertical-align:middle;
    width:30px;
}

/**********************    Col Classes          ***************************************************************************/








/**********************    Search Results         ***************************************************************************/




/**********************    Search Results         ***************************************************************************/




















/**********************    pop up         ***************************************************************************/


.black_overlay{
	display: none;
	position: fixed;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: black;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}

.white_content {
	display: none;
	position: fixed;
	top: 2%;
    height: 96%;

	left: 2%;
	width: 90%;
	
	padding: 6px;
	border: 1px solid orange;
	background-color: white;
	z-index:1002;
	overflow: auto;
}