/* Default CSS Stylesheet for a Orion Security Web Application project */

.osPageTitle
{
	font-size: 14pt;
	color: #00317d;
	font-family: Myriad Pro, Calibri, Arial, sans serif, Segoe UI;
	font-weight:bold;  
}
.osPageTitleMedium
{
	font-size: 13pt;
	font-family: Tahoma;	
}

.osPageTitleBig
{
	font-size: 20pt;
	color: #00317d;
	font-family: Myriad Pro, Calibri, Arial, sans serif, Segoe UI;
	font-weight:bold;  
}
.osPageUnderConstruction
{
	font-size: 11pt;
	color: #181A1B;
	font-family: Tahoma;
}

.osLabel
{
	font-size: 10pt;
	color: #6f7070;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}
.osBigLabel
{
	font-size: 16pt;
	font-weight:bold;
	color: #6f7070;
	font-family: Myriad Pro, Calibri, Arial, sans serif, Segoe UI;
}
.demo_jui
{
	font-family:Arial;
	font-size:13px;
	height:17px;
}


.osSmallLabel
{
	font-size: 8pt;
	color: #6f7070;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osHyperLabel
{
	font-size: 10pt;
	color: #0000bb;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osHyperLabel_Orange
{
	font-size: 10pt;
	color:orange;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}


.osTextBox
{
	font-size: 10pt;
	color: #181A1B;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osErrorLabel
{
	font-size: 10pt;
	color: #6f7070;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}
.osSuccessLabel
{
	font-size: 10pt;
	color: #00B050;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osError
{
	font-size: 10pt;
	color: #FF0000;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}
.osOK
{
	font-size: 10pt;
	color: #E6E26E;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}


.osErrorAsterisk
{
	font-size: 8pt;
	color: red;
	font-weight:bold;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osTimeDropDownBox
{
	font-size: 10pt;
	color: #181A1B;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.myTextBox
{
	color: #181A1B;
	background-color: fuchsia;
}

body .normal
{
	font-size: 10pt;
	font-family: Arial, helvetica, sans-serif;
}

.bgimage {background: url(images/bg_grain.png);}


.preload2 {background: url(images/button4.gif);}


.menu2 
{
	padding:0 0 2px 0;
	margin:0; list-style:none; 
	height:30px;
	position:relative;
	font-family: Myriad Pro, Calibri, Arial, sans serif, Segoe UI;
	z-index:315;	
}
.menu2 li.selec
{
	background:#f68d25;
	display:block; 
	float:left; 
	position:relative; 
	border: solid 1px #f68d25; 
}
.menu2 li.top {display:block; float:left; position:relative; border: solid 1px #f68d25; }
.menu2 li a.top_link {display:block; height:30px; line-height:30px; color:#000000; text-decoration:none; font-size:11pt; cursor:pointer; width:136px; text-align:center;}
.menu2 li a.top_link span {float:left; display:block; padding: 0 21px 0 0px; height:30px; width:136px;}
.menu2 li a.top_link:hover {color:#000000; font-size:12pt; background: url(images/Menu_Hover_bg.png) no-repeat; z-index:305;}
.menu2 li a.top_link:hover span {background:url(images/Menu_Hover_bg.png) no-repeat right top; z-index:305; }
.menu2 li a.top_link:hover span.down {background:url(images/Menu_Hover_bg.png) no-repeat right top; z-index:305; }

.menu2 li:hover > a.top_link {color:#000000; font-size:11pt; font-family: Myriad Pro, Calibri, Arial, sans serif, Segoe UI; background : url(images/Menu_Hover_bg.png) no-repeat;}
.menu2 li:hover > a.top_link span {background:url(images/button4.gif) no-repeat right top; }
.menu2 li:hover > a.top_link span.down {background:url() no-repeat right top; }


.menu2 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.menu2 a:hover {visibility:visible;}
.menu2 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
    .menu2 ul,
    .menu2 :hover ul,
    .menu2 :hover ul ul,
    .menu2 :hover ul :hover ul,
    .menu2 :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul ul {
        position: absolute;
        left: -9999px;
        top: -9999px;
        width: 0;
        height: 0;
        margin: 0;
        padding: 0;
        list-style: none;
        z-index: 200;
        -moz-box-shadow: -2px 5px 15px #cccccc;
        -webkit-box-shadow: -2px 5px 15px #cccccc;
        box-shadow: -2px 5px 15px #cccccc;
    }

.menu2 :hover ul.sub {left:0px; top:31px; background: #fff; padding:0px 0; border:0px solid #4ab; white-space:nowrap; width:200px; height:auto;z-index:300; }

    /*.menu2 :hover ul.sub ul{
        left: 40px;
        top: 0px;
        background: #fff;
        padding: 3px 0;
        border: 0px solid #4ab;
        white-space: nowrap;
        width: 200px;
        height: auto;
        z-index: 300;
    }*/

.menu2 :hover ul.sub li {display:block; height:30px; position:relative; float:left; z-index:200; border-bottom: 1px solid #e5e5e5; }


.menu2 :hover ul.sub li a 
{
	display:block; 
	height:30px; 
	width:200px; 
	line-height:30px; 
	text-indent:5px;
	text-decoration:none; 
	/*border:3px solid #fff;*/ 
	border-width:0 0 0 3px;
	z-index:200; 
	font-family: Myriad Pro, Calibri, Arial, sans serif,Segoe UI; 
	color:#002e7b; 
	font-size:11pt; 
	text-align:left;
	}

    .menu2 :hover ul.sub li ul li a {
        display: block;
        height: 30px;
        width: 200px;
        line-height: 30px;
        text-indent: 5px;
        text-decoration: none;
        /*border: 3px solid #fff;*/
        border-width: 0 0 0 3px;
        z-index: 200;
        font-family: Myriad Pro, Calibri, Arial, sans serif,Segoe UI;
        color: #002e7b;
        font-size: 11pt;
        text-align: left;
        background: #fff !important;
    }

    .menu2 :hover ul.sub li a.fly {background:#fff url(images/arrow.gif) 80px 7px no-repeat;z-index:300;}
    .menu2 :hover ul.sub li a:hover {background:#0000; color:#f68d25;z-index:300;}
    .menu2 :hover ul.sub li a.fly:hover {background:#4ab url(images/arrow_over.gif) 80px 5px no-repeat; color:#fff;z-index:300;}
    .menu2 :hover ul li:hover > a.fly {background:#4ab url(images/arrow_over.gif)  80px 5px no-repeat; color:#fff;z-index:300;} 

    .menu2 :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul,
    .menu2 :hover ul :hover ul :hover ul :hover ul :hover ul
    {left:200px; top:0px; background: #fff; padding:0px 0; white-space:nowrap; width:200px; z-index:200; height:auto;}

    /*expand sub menu to the left for last menu

    .menu2 .top:last-of-type:hover ul :hover ul,
    .menu2 .top:last-of-type:hover ul :hover ul :hover ul,
    .menu2 .top:last-of-type:hover ul :hover ul :hover ul :hover ul,
    .menu2 .top:last-of-type:hover ul :hover ul :hover ul :hover ul :hover ul {
    */
    #OsTopMenu2_mnuAdmin:hover ul :hover ul,
    #OsTopMenu2_mnuAdmin:hover ul :hover ul :hover ul,
    #OsTopMenu2_mnuAdmin:hover ul :hover ul :hover ul :hover ul,
    #OsTopMenu2_mnuAdmin:hover ul :hover ul :hover ul :hover ul :hover ul {
        left: -200px !important;
        top: 0px !important;
        background: #fff !important;
        padding: 0px 0 !important;
        white-space: nowrap !important;
        width: 200px !important;
        z-index: 200 !important;
        height: auto !important;
    }


.DiagTable
{
	font-size: 10pt;
	color: #6f7070;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
	text-align :left;
	border-left: #717D7D 1px solid;
	border-top: #717D7D 1px solid;
	border-right: #717D7D 1px solid;
	border-bottom: #717D7D 1px solid;
}

.inputForm
{
-moz-border-radius:6px; /* Firefox */
-webkit-border-radius:6px; /* Safari, Chrome */
-khtml-border-radius: 6px; /* KHTML */
border-radius: 6px; /* CSS3 */
border: 1px solid rgb(208, 208, 208);
border-collapse:separate; 
border-spacing: 25px 30px; 
border-style :ridge;     
}

.DiagTable td
{    
	border-bottom: #717D7D 1px solid;
}

.DiagCountTable
{
	font-size: 10pt;
	color: #6f7070;
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;
	text-align :left;
}

/* New */
.AjaxDataGrid
{
	background-color: white;
	font-family: Arial;
	font-size: 11px;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	height: 18px;
}

/*Dashboard*/
.DashboardHeader
{
	background-color: White;
	font-family: Verdana;
	font-size: 12px;
	text-align :center;
	height :25px;
}

.DashboardHeaderTopBorder
{
	background-color: White;
	font-family: Verdana;
	font-size: 12px;
	text-align :center;
	height :25px;
	border-top: solid 2px #8DA7C1;
}

.DashboardRowHeader
{
	background-color: #808080;
	font-family: Verdana;
	font-size: 11px;
	font-weight :bold;
	color :White;
	height :20px;
	text-decoration:underline;
}

.DashboardDiv
{
	border-bottom: solid 2px #8DA7C1;
	border-right: solid 2px #8DA7C1;
	border-left: solid 2px #8DA7C1;
	border-top: solid 2px #8DA7C1;
}

.DashboardDivRight
{
	border-right: solid 2px #8DA7C1;
}

.OddRow
{
	background-color: #ffffff;
	font-family: Verdana;
	font-size: 10px;
	height: 18px;
	color :#000000;
}


.Evenrow
{
	background-color: #c0c0c0;
	font-family: Verdana;
	font-size: 10px;
	height: 18px;
	color :#000000;
}

.RedRow
{
	background-color: #E3062D;
	font-family: Verdana;
	font-size: 10px;
	height: 18px;
	color :#000000;
}
.GreenRow
{
	background-color: #71C787;
	font-family: Verdana;
	font-size: 10px;
	height: 18px;
	color :#000000;
}
.YellowRow
{
	background-color: #FFFE71;
	font-family: Verdana;
	font-size: 10px;
	height: 18px;
	color :#000000;
}
.PanicEarlyOpen
{
	background-color: #ffff99;
	font-family: Verdana;
	font-size: 10px;
	font-weight :bold;
}


.PanicLongOpen
{
	background-color: #ff0000;
	font-family: Verdana;
	font-size: 10px;
	font-weight :bold;
}

.btnZoomIn
{
	z-index :102; 
	left: 10px; 
	top: 100px; 
	position: absolute; 
	background-color:White; 
	width :22px; 
	height:22px;
	cursor :pointer;
	font-weight :bold;
	color :#688acc;
	font-size :16px;
}

.btnZoomOut
{
	z-index :103; 
	left: 10px; 
	top: 125px; 
	position: absolute; 
	background-color:White; 
	width :22px; 
	height:22px;
	cursor :pointer;
	font-weight :bold;
	color :#688acc;
	font-size :16px;
}

/*   Pop Up Window Style      */

.SubHeadFontStyle
{
	font-size: 13pt;
	color: #000000;
	font-family: Tahoma;
}
.ColorFontStyle
{
	color:#FE0000;
	font-family:Tahoma; 
	font-size:12px;
	font-weight:bold;
}
.ColorFontSubStyle
{
	color:#000000;
	font-family:Tahoma; 
	font-size:12px;
	font-weight:300;
}

.SpeedingInstantStyle
{
	color:#000000;
	font-family:Tahoma;
	font-size:12px;
	font-weight:bolder;
}
.SpeedingInstantSubStyle
{
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
		
}
.SpeedingInstantSubItalicStyle
{
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
	font-style:italic;
	
}

.PopupNormal
{
	color:#000000;
	font-family:Tahoma;
	font-size:11px;
	
}

.GrayRow
{
	font-size: 10pt;	
	font-family: Tahoma, Arial, helvetica, sans-serif;	
	color: #000000;	
	background-color: #ececec;
}

.WhiteRow
{
	font-size: 10pt;	
	font-family: Tahoma, Arial, helvetica, sans-serif;	
	color: #000000;
	background-color: #ffffff;
}

.oslink
{
	font-size: 11px;
	color: #000090;
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;
}

.SettingsNote
{
	font-size: 9pt;	
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;	 
	color: #FF00FF;
}
.popupclass
{
    background-color :#C4DAFA;
}

.txtPrint
{
	font-family: Calibri, Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #000000;
}

.Print
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	border-right: solid 1px #000000;
	border-bottom: solid 1px #000000;
}

.Print tr
{
	height: 30px;
}

.Print td
{
	border-left: 1px solid #000000;
	border-top: 1px solid #000000;
}

.osLight
{
	font-size: 10pt;
	color: #939494;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

.osInvisibleMenuBar
{
    padding: 0 0 0 0px; margin: 0;
    list-style: none;
    height: 40px;
    background: #fff url(images/button1a.gif) repeat-x;
    position: relative;
    font-family: arial, verdana, sans-serif;
}

.Grid 
{
     border: solid 1px #FFFFFF;
     font-size: 10pt;	 
	 font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}
.Grid td
{
border: solid 1px #FFFFFF;
margin: 1px 1px 1px 1px;
padding: 1px 1px 1px 1px;
border-collapse:collapse;

}
.GridHeader
{
font-weight: bold;
background-color: #8b8dbb;
color:White;  
}
.GridItem
{
background-color: #e6e6e6;
}

.GridAltItem
{
background-color: white;
}

.chkboxTable
{
    border: 2px solid #A0A0A0;
	background-color: #ECECEC;	
}

.drpFontClass
{
    font-size: 12px;	    
	font-family: Verdana, Tahoma, Arial, helvetica, sans-serif;		
}


.Aggregate
{
    border: 1px solid #A0A0A0;
	background-color: #ECECEC;	
	font-size: 10pt;
	color: #6f7070;
	font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
}

#btnMoveAllLeft,#btnMoveRightAll,#btnMoveAllLeft1,#btnMoveRightAll1,#btnMoveAllLeft2,#btnMoveRightAll2,#btnMoveAllLeft3,#btnMoveRightAll3,#btnMoveAllLeft4,#btnMoveRightAll4,#btnMoveAllLeft5,#btnMoveRightAll5,#btnMoveAllLeft6,#btnMoveRightAll6,#btnMoveAllLeft7,#btnMoveRightAll7,#btnCustomer_MoveAllLeft,#btnCustomer_MoveLeft,#btnCustomer_MoveRight,#btnCustomer_MoveRightAll
{
    font-size: 11pt;     
    width:40px;          
}
#btnMoveLeft,#btnMoveRight,#btnMoveLeft1,#btnMoveRight1,#btnMoveLeft2,#btnMoveRight2,#btnMoveLeft3,#btnMoveRight3,#btnMoveLeft4,#btnMoveRight4,#btnMoveLeft5,#btnMoveRight5,#btnMoveLeft6,#btnMoveRight6,#btnMoveLeft7,#btnMoveRight7
{
    font-size: 11pt;     
    width:36px;          
}

#btnAnd,#btnAnd1
{
    font-size: 11pt;     
    width:65px;          
}

.ReportsRowHeader
{
	background-color: #ECECEC;
	font-family: Verdana;
	font-size: 14px;
	font-weight :bold;
	color :#000000;
	height :40px;
	border-left: #A0A0A0 1px solid;
	border-top: #A0A0A0 1px solid;
	border-right: #A0A0A0 1px solid;
	border-bottom: #A0A0A0 1px solid;
}

.ReportsSubRowHeader
{	
	background-color: #ECECEC;
	font-family: Verdana;
	font-size: 11px;
	font-weight :bold;
	color :#000000;
	height :30px;
	border-left: #A0A0A0 1px solid;
	border-top: #A0A0A0 1px solid;
	border-right: #A0A0A0 1px solid;
	border-bottom: #A0A0A0 1px solid;
}

.PaddingListBox
{
	padding-left: 5px;
}

#imgWebsiteUsers,#imgVechileGroups,#imgVehicles,#imgDriverGroups,#imgDriver
{
	cursor: pointer;
}

.btnNew
{
	top : 10px;
	left: 160px;
	width:90px;
	position :absolute; 
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
    border-color:#ffffff;
	border-collapse:separate; 
	border-spacing: 25px 30px; 	
	background-color:inherit;	
	border-style:ridge; 	
	display:inline-block;
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background: url(images/New.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   
	
}

.btnDel
{
	top : 10px;
	left: 190px;
	width:145px;		  	
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
    border-color:#ffffff;
	border-collapse:separate; 
	border-spacing: 25px 30px; 	
	background-color:inherit;	
	border-style:ridge; 	
	display:inline-block;
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background:url(images/element-back.png) repeat-x top;
	background: url(images/Trash.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   
}


.btnXls
{
	top : 57px;
	left: 556px;
	width:30px;	 		
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background:url(images/element-back.png) repeat-x top;
	background: url(images/ExportToExcel.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   	
}

.btnXlsAdmin
{
	top : 57px;
	left: 950px;
	width:30px;	 		
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background:url(images/element-back.png) repeat-x top;
	background: url(images/ExportToExcel.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   	
}

.btnXlsBig
{
	top : 57px;
	left: 1050px;
	width:30px;	 		
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background:url(images/element-back.png) repeat-x top;
	background: url(images/ExportToExcel.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   	
}

.btnXlsHover
{
	top : 57px;
	left: 556px;
	width:30px;	 		
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
    background: url(images/ExportToExcel.png) 7px 2px no-repeat;	
	border-collapse:separate; 
	border-spacing: 25px 30px; 		
	border-style:ridge; 	
	display:inline-block;
	border:#cccccc 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;		
	padding:5px 8px;		
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3; 	
}

.btnXlsHoverAdmin
{
	top : 57px;
	left: 950px;
	width:30px;	 		
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
    background: url(images/ExportToExcel.png) 7px 2px no-repeat;	
	border-collapse:separate; 
	border-spacing: 25px 30px; 		
	border-style:ridge; 	
	display:inline-block;
	border:#cccccc 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;		
	padding:5px 8px;		
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3; 	
}

.btnXlsHoverBig
{
	top : 57px;
	left: 1050px;
	width:30px;	 		
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
    background: url(images/ExportToExcel.png) 7px 2px no-repeat;	
	border-collapse:separate; 
	border-spacing: 25px 30px; 		
	border-style:ridge; 	
	display:inline-block;
	border:#cccccc 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;		
	padding:5px 8px;		
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3; 	
}

.btnShowOrHide
{
	top : 70px;
	left: 565px;
	width:130px;	 	
	font-size: 10pt;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;	
	border-color:#ffffff;
	border-collapse:separate; 
	border-spacing: 25px 30px; 	
	background-color:inherit;	
	border-style:ridge; 	
	display:inline-block;
	border:#cfcfcf 1px solid;
	border-radius:5px;
	-moz-border-radius:5px;
	background:url(images/element-back.png) repeat-x top;
	background: url(images/ExportToExcel.png) 7px 2px no-repeat;
	padding:5px 8px;	
	color:#343434;
	-moz-box-shadow:0 0 4px #e3e3e3;
	-webkit-box-shadow:0 0 4px #e3e3e3;
	box-shadow:0 0 4px #e3e3e3;   
}
.curveborder
{
	border:5px solid #a1a1a1;
	padding:10px 40px; 
	background:#dddddd;
	width:650px;
	border-radius:25px;
	height:400px;
}
.curveborder2
{
	border:3px solid #a1a1a1;
	padding:10px 40px; 
	width:500px;
	border-radius:25px;
	height:250px;
}

.errormsg
{
	font-size: 18px;
	font-weight:bold;
	color: #5588FF;
	font-family: Arial;
}
.errormsg2
{
	font-size: 12px;
	font-weight:bold;
	color: #5588FF;
	font-family: Arial;
}
		
.hrstyle {
    border: 0;
    height: 0;
    border-top: 1px solid rgba(0, 0, 0, 0.1);
    border-bottom: 1px solid rgba(255, 255, 255, 0.3);
}

.HiddenCheckBox
{
    visibility:hidden; 
}
.btnRefresh
{
   position:relative;
   padding:5px 20px 0 0;
	
}


/* Dynamic Table  */
.clsZebra
{
    font-family :Tahoma;
    font-size:10pt;      
}
.clsZebra table{
	margin-bottom:20px;
	width:100%;
}
.clsZebra caption{
	margin-bottom:5px;
}
.clsZebra caption,tfoot{
	font-family:Cambria, Georgia, "Times New Roman", serif;
	font-style:italic;
}
.clsZebra tfoot{
	text-align:center;
}
.clsZebra td{
	padding:5px;
	border:1px solid #179EC4;
}

.clsZebra th{
	font-weight:bold;
	color:#FFFFFF;
	background-color :#179EC4;
	height:25px;
}

/*.clsZebra tbody tr:nth-of-type(odd):hover
{
    cursor:pointer;  
    background-color: #FFD4E7;
}

.clsZebra tbody tr:nth-of-type(even):hover
{
    cursor:pointer;  
    background-color: #FFD4E7;
}*/

.clsZebra tbody tr:nth-of-type(odd){
	background:#EDF5FF;
}

.clsMediaIcon{    
    cursor: pointer; 
    height: 22px; 
    width: 22px;
    cursor :pointer;
 }
.clsSettingsBox
{
    background-color: #ffffff;
    border: 1px solid gray;
    font-size: 10px;
    font-family: Veranda, Tahoma, Arial, helvetica, sans-serif;
    position: absolute;
    right: 10px;
    top: 115px;
    z-index: 1000;
    color: #6f7070;
    opacity: .75;
}
.clsDxSearchHeader
{            
    color: #000 !important;
    font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;          
    font-size: 15px;            
    background-color : #99EEDD !important; 
}
.clsDxSearchTitle 
{            
    color: #000 !important;
    font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;          
    font-size: 15px;    
}
.clsDxSearchContent{
    color: #8c8c8c; 
    font: 13px 'Segoe UI', Helvetica, 'Droid Sans', Tahoma, Geneva, sans-serif;    
}


/*HERE LOCATION POINTS*/
.dotNumber {
    font-size: 10px;
    background: transparent;
    font-family: Arial;
    font-weight: 600;
    text-align: center;
    vertical-align: top;
    position: absolute;
    cursor: pointer;
}


/*HERE VEHICLE LAYERS*/
.vehicleLayer {
    background-color: white;
    border-radius: 12px;
    padding: 5px;
    margin-left: 5px;
    border: darkgray solid 1px;
    font-family: Arial;
    font-weight: 600;
    position: absolute;
    text-align: center;
    opacity: .70;
    cursor: pointer;
}

/*HERE LOCATION POINT IMAGE*/
.dotImg {
    top: -12px;
    left: -12px;
    position: absolute;
}