﻿/* DEFAULTS
----------------------------------------------------------*/

/* PRIMARY LAYOUT ELEMENTS   
----------------------------------------------------------*/


/* FORM ELEMENTS   
----------------------------------------------------------*/

fieldset
{
    margin: 1em 0px;
    padding: 1em;
    border: 1px solid #ccc;
}

fieldset p 
{
    margin: 2px 12px 10px 10px;
}

fieldset.login label, fieldset.register label, fieldset.changePassword label
{
    display: block;
}

fieldset label.inline 
{
    display: inline;
}

legend 
{
    font-size: 1.1em;
    font-weight: 600;
    padding: 2px 4px 8px 4px;
}

.imgButton { border: 2px solid #fff; }
.imgButton:hover { border-color: #ee8a1d; }
.imgButton:focus 
{
    border-color: #ee8a1d; 
    outline-style:none;
}

span input[type=radio] {
    display: block;
    margin: 2px auto;
}

/* .radioBtn { margin-right: 20px; } 
.radioList 
{ 
    margin: 0;
    width: 20%;
}
*/

.textBox { width: 20em; }
.textBox:hover { border-color: #253487;  }
.textBox:focus 
{ 
    border-color: #ee8a1d; 
    background-color: #eff7f9; 
    outline-style: none; 
}

/* MISC  
----------------------------------------------------------*/

.button {			
padding: 5px 10px;
background: #155093; /* #2664cf;			*/
font-family: Arial, sans-serif;			
color: #ffffff;			
text-align: center;			
display: block;			
cursor: pointer;
width: 10em;
height: 2em;		
}	
		
.button {			
border: 1px solid #d5d5d5; /*  #4cadfc;		PVB	*/
border-radius: 4px;	
-webkit-border-radius: 4px;			
-moz-border-radius: 4px			
}	
		
.button {			
background: -webkit-gradient(linear, left top,	left	bottom, from(#0a8ffe), to(#2b5cc6));	
background: -moz-linear-gradient(top, #0a8ffe,	#2b5	cc6);	
filter: progid:DXImageTransform.Microsoft.grad	ient(	startColorstr='#0a8ffe', endColorstr='#2b5cc6')	
}

.button:hover { border: 2px solid #ee8a1d; }

.clear
{
    clear: both;
}

.centercheckimage {  text-align: center; }

.failurenotification
{
    color: Red;
    text-align: left;
    vertical-align: middle; 
}

/* Begin Grid CSS
   ---------------------------------------------------------------------------*/
/* Source: http://atashbahar.com/post/GridView-makeover-using-CSS.aspx        */

.mGrid 
{   
    width: 100%;
    background-color: #fff;   
    margin: 0 0 10px 0;
    /* margin: 1px 0 10px 0;  PVB */   
    /* border: solid 1px #9a3d0f; PVB */
    border: solid 1px #253487;
    border-collapse:collapse; 
}

    .mGrid td {
        padding: 2px;
        /*border: solid 1px #c1c1c1;*/
        border: solid 1px #a1a1a1;
        /*color: #717171;*/
        color: #333;
    }
    .mGrid th {
        text-align: center; /* PVB */
        padding: 4px 2px;
        color: #fff;
        /* background: #424242 url(../Images/grd_head.png) repeat-x top;  */
        background: #2a589b; /* #253487; No gradient image PVB */
        border-left: solid 1px #d5d5d5;
        font-size: 0.9em;
    } 
/*.mGrid .alt { background: #fcfcfc url(../Images/grd_alt.png) repeat-x top; }*/
    .mGrid .alt {
        background: #C1C1C1;
    } 
 
/* .mGrid .pgr { background: #424242 url(../Images/grd_pgr.png) repeat-x top; }  */
.mGrid .pgr { background: #9a3d0f url(../Images/grd_pgr.png) repeat-x top; }   /* PVB */
.mGrid .pgr table { margin: 5px 0; }  
.mGrid .pgr td 
{   
    border-width: 0;   
    padding: 0 6px;   
    border-left: solid 1px #666;   
    font-weight: bold;   
    color: #fff;   
    line-height: 12px;   
 }     
.mGrid .pgr a { color: #666; text-decoration: none; }  
.mGrid .pgr a:hover { color: #000; text-decoration: none; }
.mGrid .sel td { background-color: #b4b4b4; color: #fff;} /* PVB */

/*---------------------------- end grid css ---------------------------------*/

.underline {text-decoration: underline;}
#mainbody { border-left: 1px solid #ee8a1d; border-right: 1px solid #ee8a1d; padding: 1.5em; width: 78em; }
#namelocationfilters { margin: .5em 0 1em 0; }
