/*
Roadsafety Systems
REVELATION FIVE

12-MAR-2014: Initial creation
*/

/* CSS Hierarchy:

REVL_Page_CenterAll
{
HEADER (REVL_Page_Header_Container)
{
REVL_Header_MainImage_Container
{
REVL_Header_CorporateLogo_Container
{
image {REVL_Header_CorporateLogo_Scaler}

REVL_Header_Subtitle
{
text
}
}
}
}
	
MENU (REVL_Page_Menu_Container)
{
}

CONTENTS (REVL_Page_Contents_Container)

FOOTER (REVL_Page_Footer_Container)
	
*/

/* CSS Naming Convention:

{client}_{major element}_{minor element}_{application}

client			: eg: 'REVL'

major element	: eg: Page, Header etc.

minor element	: eg: Menu, heading, font

application		: eg: container, border, fontstyle etc.

*/

/* Document elements	*/
html
{
	background-color: #333333 !important; 
}

body 
{
	background-color: #333333 !important;
	height: 100%;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: left;
}

a
{
	color: #16a3bc;
	text-decoration: none;
}

p
{
	margin-left: 8px;
	margin-top: 6px;
	margin-right: 8px;
	line-height: 140%;
}

a:hover
{
	color: #fea620;
	text-decoration: none;
}

a img
{
	border-style: none;
}

h2
{
	color: #004FB6;
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
}

ul
{
	line-height: 150%;
}

/* ------------------------------------------------------------- 
W H O L E   P A G E   A L I G N M E N T
-------------------------------------------------------------*/
.REVL_Page_CenterAll
{
	text-align: left; /* fix alignment for ie */
	margin: 0 auto 0 auto;
	width: 100%;
	min-height: 100%;
	height: 100%;
}

/* ------------------------------------------------------------- 
H E A D E R
-------------------------------------------------------------*/
.REVL_Page_Header_Container
{
	background: url(../Images/RoadSafetySystems.png) #333333 no-repeat;
	margin: 0 auto;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 50px;
	width: 100%;
}

/* ------------------------------------------------------------- 
F O O T E R
-------------------------------------------------------------*/
/* Grey rounded bar */
.REVL_Page_Footer_Container {
	height: 32px;
	/*	background: url(../Images/FooterBackground.png) #a1cf29 repeat-x; */
	background: url(../Images/FooterBackground.png) #a1cf29 repeat-x;
	background-color: #a1cf29;
	text-align: center;
}

.REVL_Page_Menu_Container {
    overflow: visible !important; /* Needed to ensure the dropmenu's flow over other RadPane elements */
    background: url(../Images/MenuBackground.png) repeat-x;
}

.REVL_Page_Toolbar_Container
{
	background-color: #F4F4F4;
}

.REVL_Page_StatusBar_Container
{
	color: white;
	background-color: #333333; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 100%;
}

.REVL_Login_Container
{
	margin: 18px auto 18px auto;
	background-color: #F4F4F4;
	min-width: 520px;

	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #C4C4C4;
	border-width: 2px;
}

.REVL_Login_Block_Header
{
	background: url(../Images/REVL_Entry_Container_Header.png) #f4f4f4 repeat-x;
	height: 39px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding-left: 8px;
	padding-top: 8px;
	color: #595959;
	font-weight: normal;
	text-align: left;
}

.REVL_Entry_Block_Header
{
	background: url(../Images/REVL_Entry_Container_Header.png) #f4f4f4 repeat-x;
	height: 39px; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	margin: 0px;
	padding-left: 8px;
	padding-top: 10px;
	color: #595959;
	font-weight: normal;
	text-align: left;
}

.REVL_Login_Block_Button
{
	text-align: right;
	padding-right: 12px;
	padding-top: 12px;
	padding-bottom: 12px;
}

.REVL_Login_WaitText
{
	color: #595959;
	text-align: right;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-right: 12px;
}

/* ------------------------------------------------------------- 
F O R M S
-------------------------------------------------------------*/

/* Page-wide form container that expects it's width to be overriden*/
div.Form_Group_Container
{
	margin: 0 auto 0 auto;
	padding: 8px;
	background-color: #F4F4F4;
}

/*
Form_Row, Form_Label and Form_TextEntry are used in conjunction with each other
to correctly align (using divs), for text labels and their associated text entry
fields/controls.
	
Usage example:
<div class="Form_Row">
<span class="Form_Label">E-mail:</span>
<span class="Form_TextEntry">
<asp:TextBox ID="txtbox_Email" runat="server" style="width:200px" MaxLength="65"/>
</span>
</div>
*/
div.Form_Row
{
	clear: both;
	height: 34px !important;
}

.Form_Label
{
	min-width: 40px;
	text-align: right;
	color: #333333;
	padding-right: 12px;
	padding-left: 8px;
}

.EntryForm_Label_Left {
	min-width: 40px;
	text-align: left;
	color: #222222;
	padding-right: 12px;
	padding-left: 8px;
	line-height: 20px;
}

.LiveWireForm_Label_Left {
	text-align: left;
	color: #222222;
}

.Toolbar_Label
{
	min-width: 40px;
	text-align: right;
	color: #333333;
	padding-right: 2px;
	padding-left: 6px;
}

.toolbar_Dropdown
{
	font-size: 12px!important;
}

.Form_Label_Right
{
	min-width: 40px;
	text-align: right;
	color: #333333;
	padding-right: 12px;
	padding-left: 8px;
	margin-right: 0px
}

/* Indicates an item when selected does important undoable stuff */
.Form_Label_Warning
{
	min-width: 40px;
	text-align: right;
	color: blue;
	padding-right: 12px;
	padding-left: 8px;
}

div.Form_Row span.Form_TextEntry
{
	min-width: 140px;
	margin-left: 0px;
	float: right;
	text-align: left;
} 

.Form_ErrorText
{
	color: Red;
	text-align: left;
	font-weight: normal;
	font-size: 13px;
	margin-top: 12px;
	margin-bottom: 10px;
	padding-left: 8px;
}

.Form_Simple_Block_Container
{
	margin: 18px auto 18px auto;
	width: 424px;
	background-color: #F4F4F4;
	
	-webkit-border-bottom-right-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	-moz-border-radius-bottomright: 8px;
	-moz-border-radius-bottomleft: 8px;
	border-bottom-right-radius: 8px;
	border-bottom-left-radius: 8px;
	
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-style: solid;
	border-color: #C4C4C4;
	border-width: 2px;
}

.Form_Simple_Block_Header
{
	background: url(../Images/QH_form_Container_Header.png) #f4f4f4 repeat-x;
	height: 39px; 
	font-family: CenturyGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding-left: 8px;
	padding-top: 8px;
	color: #595959;
	font-weight: normal;
	text-align: left;
}

.Form_Simple_Block_Button
{
	margin-top:8px;
	text-align: center;
	padding-right: 52px;
	padding-bottom: 12px;
}

.Form_EditRow {
	line-height: 32px
}

.Form_EditRowSlim {
	line-height: 26px
}

.Form_EditRowSelectLists {
	background-color: #f2f2f2;
	line-height: 32px
}

.Form_EditRowSelectLists_Short {
	background-color: #f2f2f2;
	line-height: 12px
}

.Form_EditRow_Alt
{
	line-height: 28px;
	background-color: #f2f2f2;
}

.Form_EditRow_RadialInfo
{
	line-height: 30px;
	background-color: #e0e0f0;
}

.Form_EditRow_AreaInfo
{
	line-height: 32px;
	background-color: #e0f0e0;
}


.Form_EditRow_MonitoringInfo {
	line-height: 32px;
	background-color: #dae2e8;
}

.Form_EditTable
{
	vertical-align: top;
}
.Form_EditTable_Geofence
{
	width: 100%;
	vertical-align: top;
}

.Form_EditTable_NotFirstColumn
{
	vertical-align: top;
	padding-left: 40px;
}

.Form_EditTable_SecondColumn
{
	vertical-align: top;
	padding-left: 25px;
}

.Form_ListBox
{
	margin-left: 12px;
}

.routes_selectedrow  
{ 
	background: None !important; 
	height: 22px; 
	border: solid 1px white; 
	border-top: solid 1px white; 
	border-bottom: solid 1px white; 
	padding-left: 4px; 
}  
.RadGrid_WebBlue .rgSelectedRow td  
{ 
	border-bottom-color: white !important; 
}  
 
.overnight_hand
{
	cursor: pointer; cursor: hand;
}

.dropmenu
{
	height: 28px;
	line-height: 28px;
}

.HomeLocSet
{
    padding-top: -8px;
	vertical-align: middle;
}

/* DASHBAORD STYLES */
.QuadrantHeader
{
	background: url(../Images/DashboardQuadrantHeader_Bgnd.png) #f4f4f4 repeat-x;
	height: 32px; 
	font-family: CenturyGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 18px;
	margin: 0px;
	padding-left: 8px;
	padding-right: 4px;
	padding-top: 0px;
	color: #595959;
	font-weight: normal;
	text-align: left;
}

.QuadrantSubHeader
{
	background-color: #eeeeee;
	height: 22px; 
	font-family: CenturyGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	color: #595959;
	font-weight: normal;
}

.QuadrantInfoRow
{
	background-color: #eeeeee;
	height: 32px; 
	font-family: CenturyGothicRegular, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 0px;
	text-align: center;
	padding-left: 0px;
	padding-right: 0px;
	padding-top: 0px;
	color: #595959;
	font-weight: normal;
}

.Dashboard_Table
{
	vertical-align: top;
}

.Dashboard_Label
{
	min-width: 40px;
	text-align: right;
	color: #333333;
	padding-right: 12px;
	padding-left: 8px;
}

.Dashboard_BlockRow
{
	background-color: #2dabc1;
	height: 28px;
	font-size: 14px;
}

/* Horizontal rule style for map popup-info */
hr.style-one
{
	border: 0;
	height: 1px;
	background: #0a69be;
	background-image: -webkit-linear-gradient(left, #ccc, #0a69be, #ccc); 
	background-image: -moz-linear-gradient(left, #ccc, #0a69be, #ccc); 
	background-image: -ms-linear-gradient(left, #ccc, #0a69be, #ccc); 
	background-image: -o-linear-gradient(left, #ccc, #0a69be, #ccc); 
}

.LivePopUp
{
	font-size: 12px;
	font-weight: normal;
	border-color: #0fa88b;
	background-color: #718ca1;
	margin: 0px 0px 0px 0px;
	padding: 4px 8px 0px 8px; 
	line-height: 14px; 
}

.SpeedingPopUp
{
	font-size: 12px;
	font-weight: normal;
	border-color: #0fa88b;
	background-color: #718ca1;
	margin: 0px 0px 0px 0px;
	padding: 4px 0px 0px 0px; 
	line-height: 14px; 
}

.GetRouteButtonWarning
{
	border: 1px solid red !important;
}

.GetRouteButtonOK
{
	border: 1px solid black !important;
}

#timewarpContainer
{
	background-color: #f4f4f4;
	text-align: center;
	padding-top: 16px;
	color: black;
}

.custombutton
{
	margin-top: 2px;
	padding-top: 4px;
}

.showingtime
{
	background-color: #f35800;
	color: white;
}

.infobubblestyle
{
	margin-bottom: 8px;
	background-color: antiquewhite;
}

.REV_EditGeofences
{
	margin: 8px;
}

.GroupSelectLister
{
	padding-top: 12px;
	padding-bottom: 0px;
}

.QH_Collapsable_Header_HelpLink
{
	float:right;
	color: #595959;
	font-size: 12px;
	font-weight: normal;
	text-align: right;
	margin-top:-6px;
	margin-right:12px;
}


.LiveWire_EditForm_AltRow {
	background-color: white;
	border-bottom: 5em solid white;
}

.LiveWire_EditForm_AltRow_JobsOnly {
	background-color: white;
	border-bottom: 5em solid white;
}

.LiveWire_EditForm_AltRow_MsgsOnly {
	background-color: white;
	border-bottom: 5em solid white;
}

.LiveWire_EditForm_Row_MapLocation {
	background-color: #DAE2E8;
	border-bottom: 5em solid #DAE2E8;
}

.LiveWire_EditForm_Row {
	background-color: #DAE2E8;
	border-bottom: 5em solid #DAE2E8;
}

.LiveWire_EditForm_RowContents {
	padding-top:6px;
	padding-bottom:6px;
}


/* Added 04-APR-2019 : Support for new Group selections */

.grouppanelbtns {
	background-color: silver;
	height: 34px;
	text-align: right;
	padding-top: 6px;
	padding-right: 6px;
}


.message_header {
    background: url(../Images/message_header_bgnd.png) #333333 repeat-x;
    display: flex;
    align-items: center;
    width: 100%;
} 

.MessageForm_EditTable
{
    background-color: white;
    padding: 2px;
    vertical-align: top;
}

.MessageGrid_Detail {
    background-color: #C3E3F7;
    border-bottom: 5em solid #C3E3F7;
}


/* Reporting HUB styles */
.HUB_MainContent {
    background-color: #FFFFFF !important;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #000000;
    margin: 0px;
    padding: 0px 0px 0px 0px;
    text-align: left;
}

.HUB_ContentTable {
	margin-top: 10px;
	margin-left: 12px;
    margin-right: 12px;
    margin-bottom: 20px;
	padding-right: 12px;
}

.HUB_Instructions {
	line-height: 28px;
}


.HUB_ReportBlockTitle {
    line-height: 68px;
    font-weight: bold;
    font-size: 18px;
    margin-left: 18px;
}


.HUB_ReportItem {
    line-height: 24px;
    margin-left: 120px;
}

.HUB_ViewLink {
    margin-left: 6px;
}

.HUB_ReportTitle {
	height: 28px;
	background-color: #B4D154;
    font-size: 16px;
	text-align: center;
    padding-top: 10px;
    vertical-align: middle;
}

.HUB_DrivingEventsBigNumber {
	font-size: xx-large;
	text-align: center;
}


.HUB_DrivingEventsText {
	font-size: larger;
	text-align: center;
}

.HUB_DonutLabel {
    font-size: 16px;
    text-align: right;
}

/* ------ END OF CSS for Revelation Five ------- */