html, body 
{
    margin:0;
    padding:0;
    width:100%;
}
body 
{
    overflow:hidden;
    font-family:Tahoma;
    font-size:12px;
    font-weight:normal;
    background-color:#F0F1F2;
    min-width:1000;
}

/* LOGIN.ASPX */
div#Content
{
    margin:0;
    padding:0;
    width:100%;
    height:auto;
}
div#Login 
{
    width:300px;
    height:110px;
    margin-left:auto;
    margin-right:auto;
    margin-top:150px;
    padding:10px;
    background-color:#ccc;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}

/* ADMIN */

div#Header 
{
    margin:0;
    padding:4px;
    background-color:#fff;
    /*background-image:url(../Images/common/logo.png);*/
    background-position:right center;
    background-repeat:no-repeat;
}

div#Grid
{
    margin:0;
    padding:4px;
    border:1px solid #ccc;
    background-color:#ccc;
}

div#Footer
{
    margin:0;
    padding:0;
    width:100%;
    height:32px;
    border-top:1px solid #ccc;
}

.popupContent 
{
    position:absolute;
    left:0;
    top:0;
    width:500px;
    height:auto;
    background-color:rgba(255,0,0,0.5);
    display:none;
    z-index:4000;
}
.popupMain
{
    margin:30px auto 0 auto;
    padding:2px;
    width:600px;
    height:auto;
    border-radius:4px;
    background-color:#ccc;
}
.sizeable
{
    overflow:auto;
    background-color:#fff;
}

/* */

input.text 
{
    padding:5px;
    width:auto;
    background-color:#fff;
    border:1px solid #dadada;
    text-align:left;
    font-family:Segoe UI, Verdana;
    font-size:12pt;
    -webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;
}
.greenButton
{
    font-family:"Lucida Grande", Tahoma;
    text-shadow:rgba(0, 0, 0, 0.1) 0 -1px 0;
    cursor:pointer;
    outline:0;
    font:bold 11px/30px "Helvetica Neue",Helvetica,Arial,sans-serif;
    font-family:"Lucida Grande", Tahoma;
    padding:0 10px;
    text-align:center;
    color:#000000;
    
    background:#a7e300;
    background:-webkit-gradient(linear, left top, left bottom, from(#a7e300), to(#99d100));
    background:-moz-linear-gradient(top, #a7e300, #99d100);
    border:1px solid #87b800;    
    
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    -moz-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;
    -webkit-box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;
    box-shadow:rgba(0, 0, 0, 0.1) 0 0 2px 0px;
}
.greenButton:hover 
{
    text-decoration:none;
    background:#b2eb14;
    background:-webkit-gradient(linear, left top, left bottom, from(#b2eb14), to(#a4da14));
    background:-moz-linear-gradient(top, #b2eb14, #a4da14);
}
.greenButton:active
{
    background:#99d100;
    background:-webkit-gradient(linear, left top, left bottom, from(#99d100), to(#a7e300));
    background:-moz-linear-gradient(top, #99d100, #a7e300);
    -webkit-box-shadow:none;
    -moz-box-shadow:none;
    box-shadow:none;
}
.greenButton a
{
    color:#fff;
}
.greenButton:hover 
{
    text-decoration:none;
}

input.button:hover
{
    background-color:#ccc;
}

span.caption 
{
    font-size:12pt;
    font-style:italic;
}

div#alert 
{
    padding:6px 4px 0 4px;
    font-size:12px;
    width:400px;
}

h2 
{
    margin:0;
    padding:2px;
    font-family:"Segoe UI", Arial;
    font-size:12px;
    text-indent:8px;
    background-color:#EBEB10;
}
h3 
{
    margin:0;
    padding:6px;
    font-family:"Segoe UI", Arial;
    font-size:16px;
    text-indent:8px;
    background-color:#ccc;
}


td.left 
{
    width:150px;
    font-size:10px;
    font-weight:bolder;
    vertical-align:middle;
}
td.text_right

{
    text-align:right;
}

.tbl 
{
    background-color:White;
}
div.space-line {
    clear: both;
    margin: 0;
    padding: 0;
    width: auto;
}

/* Tracking */

#header 
{
    width:100%;
    height:38px;
    margin:0 auto;
    background-color:#3B5998;
}
#map 
{
    margin:4px auto;
    width:900px;
    border:2px solid #ccc;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
    #map #mapCanvas
    {
        height:300px;
        background-color:#ccc;
    }
div#wrapper 
{
    width:100%;
    height:auto;
}
.main 
{
    width:900px;
    height:auto;
    margin:0 auto;
    border:2px solid #ccc;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
}
div#left 
{
    float:left;
    width:520px;
    height:300px;
    font-family:"lucida grande",tahoma,verdana,arial,sans-serif;
    border-right:1px solid #ccc;
    overflow:auto;
}

div#toolbar 
{
    float:left;
    height:auto;
    background-color:#fff;
	display:block;
}
div#toolbar .inner 
{
    margin:4px;
}
div#toolbar input.button  
{
    padding:4px;
    outline:0;
    border:1px solid #ccc; 
    background-color:#fff;
    -webkit-border-radius:4px;
	-moz-border-radius:4px;
	border-radius:4px;
	cursor:pointer;
}
div#toolbar input.button:hover 
{
    border:1px solid #AB0A4B; 
    background-color:#E01B6A;
}

.DataViewItem { font-family:"Lucida Console"; font-size:1.4em; color:#000; padding:6px; }
.DataViewCustomerId { font-size:2.0em; color:#000; }
.DataViewCustomerTitle { font-size:1.0em; }
.DataViewItem span { font-size:1.4em; }