﻿/******************/
/* Modules      */
/******************/
.Tip{
	cursor: pointer;
}
.Impersonate input{
	padding:6px 0px;
	border-radius:3px;
}
.credit{
	background-color:#333;
	padding:10px 20px;
	display:inline-block;
}
.credit.apply{
	display:block;
}
.FeildRow{
	display:inline-block;
	margin:0px 10px;
	width:20%;
	min-width:150px;
}
.FeildRow input, .FeildRow select, .FeildRow .RadInput{
	width:90%;
	padding:10px 0px;
	border-radius:3px;
}
.Switch{
    color:red;
}
.Switch img{
    display:inline-block;
	margin-bottom:-15px;
}
.RadPicker_Bootstrap .riLabel{
	color:white !important;
}
.RadListView{
	border:none !important;
}
/******************/
/* home features    */
/******************/
.RadRotator_Bootstrap .rrClipRegion {

    background-color:transparent !important;
}
.SliderContent{
	margin: 20px;
	position: relative;
	z-index: 100;	
}
.SliderItem {
	text-align:center;
	background-color:black;
	margin:0px 10px;
	height:176px;
	position:relative;
  display: flex;
  align-items: center; /* horizontal */
  justify-content: center; /* vertical */
	overflow: hidden;
}
.SliderItem img{
	max-width:100%;
	max-height:180px;
}
.rightArrow {
    cursor: pointer;
    float: right;
	margin-top:65px;
}
.leftArrow {
    cursor: pointer;
	margin-top:65px;
	float:left;
}
.Slider-container .rrButtonDisabled{
	opacity: 0.1;
	cursor: default;
}
.SliderItem .RotatorItemCaption {
	color:white;
	background: rgba(0, 0, 0, 0.8);
	display:block;
	height:0px;
	overflow:hidden;
 -webkit-transition: 1s;
    transition: 1s;
	position:absolute;
	bottom:0;left:0;right:0;
        }
.SliderItem .RotatorItemCaption p {
    padding-left: 10px;
    padding-right: 10px;
}
.SliderItem:hover .RotatorItemCaption {
	display:block;
	height:80px;
        }
.SliderItem a:hover {
	text-decoration: none !important;
        }
.RadTile_Bootstrap .rtilePeekContent {
	text-align:center;
	background-color:inherit !important;
}
.RadTile.rtileSquare {
	position:relative;
	margin:0 16px 26px 0 !important;
    display: inline-block;
	float:none !important;
}
.active div, .active
{
	cursor:pointer !important;
}
.blank{
	border:none !important;
}
/******************/
/* Login controls    */
/******************/
.LoginPanel table, .AccountPanel table
{
	margin:0px auto;
	max-width:500px;
	width:100%
	}
.AccountPanel, .LoginPanel
{
	border:solid 1px #999;
	max-width:500px;
	margin:0px auto;
	padding:1%;
	width:90%;
	}
.LoginPanel table td, .AccountPanel table td
{
	padding-top: 5px;
	padding-bottom:5px;
	display:block;
	text-align:left;
}
.LoginPanel a, #ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CancelPushButton
{	text-align:center;
	display:inline-block;
	margin:5px;
	padding:5px 15px 5px 15px;
	color:white;
	background-color:#666;
	border:none;
	width: inherit;
	min-width:150px;
	}
#ContentPlaceHolder2_LoginView_LoginMain_LoginLinkButton, #ContentPlaceHolder2_PasswordRecovery1_UserNameContainerID_SubmitButton, #ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ChangePasswordPushButton
{	
	display:inline-block;
	margin:5px;
	padding:5px 15px 5px 15px;
	color:white;
	min-width:150px;
	background-color:red;
	border:none;
	width: inherit;
	}
.LoginPanel a:hover, #ContentPlaceHolder2_LoginView_LoginMain_LoginLinkButton:hover, #ContentPlaceHolder2_PasswordRecovery1_UserNameContainerID_SubmitButton:hover, #ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_ChangePasswordPushButton:hover, #ContentPlaceHolder2_ChangePassword1_ChangePasswordContainerID_CancelPushButton:hover
{
	background-color:#999
	}
.LoginPanel table input, .AccountPanel table input, .AccountPanel .RadInput
{
	width:96%;
	margin-left:1%;
	padding:10px 0px;
	border-radius:3px;
	}
.LoginPanel td label, .AccountPanel td label, .AccountPanel .Field
{
	text-align: left !important;
	width:100%;
	display:block;
	padding-top:5px;
	}
.Highlight{
		color:red;
		display:block;
}
/******************/
/* Buttons      */
/******************/
a.LinkButton, .LinkButton
{
	display:inline-block;
    cursor:pointer;
	margin:5px;
	text-align:center;
	padding:5px 15px 5px 15px;
	color:white;
	background-color:#E0272A;
	min-width:150px;
	border:none; 
	text-decoration: none;
}
button.LinkButton
{
	font: normal 16px "Segoe UI", Arial, sans-serif;
}
a.LinkButton:hover, .LinkButton:hover
{	background-image: none;
	background-color:#999;
	}

.FC_WebDocument a, .contact a, .Description a, .rlvI span a, .rlvA span a, .RadToolTip a
{
	color:#E0272A;}

/******************/
/*Admin area   */
/******************/
.AdminLabel
{
	float:left;
	width:18%;
	margin-bottom:2px;
}
.AdminField
{
	float:left;
	width:80%;
	margin-bottom:2px;
}
.AdminField input
{
	padding:5px 0px
}
.outerMultiPage
{
	background-color:#333;
	float:left;
	width:100%;
	padding:20px;
	margin-bottom:20px;
}
.AdminField .RadDropDownList 
{
    width: 98% !important;
    max-width: none !important;
    margin-left: 0 !important;
}
.ImageUpload
{
	margin:10px;
}
.CustomerEdit
{
    margin:10px;
    background-color:#333;
    padding:10px;
	width:100%;
	max-width: 700px;
}
.Blogitem{
	background-color: black;
	padding:5px;
	margin-top:5px;
}
.BlogTag{
	font-size:smaller;
	color:#ccc;
}
.RadTabStrip_BlackMetroTouch .rtsLevel1 .rtsSelected .rtsLink
{
    border-color: #B30000 !important;
    background-color: #B30000 !important;
}
.RadTabStrip_BlackMetroTouch .rtsLevel1 .rtsHovered .rtsLink 
{
    background-color: #E0272A !important;
}
.RadTabStrip_BlackMetroTouch .rtsLevel1 {
    border-color: #B30000 !important;
}
/******************/
/* Document iframe      */
/******************/
 .videoWrapper { 
	position: relative; 
	 padding-bottom: 56.25%; 
	 height: 0; 
	 overflow: hidden; 
	 max-width: 100%; 
	 height: auto; } 
 .videoWrapper iframe, .videoWrapper object, .videoWrapper embed 
 { 
 position: absolute; 
 top: 0; 
 left: 0; 
 width: 100%; 
 height: 100%;
 }
 .vjs-fluid, .XBa3-dimensions.vjs-fluid{
        float:left;
}
 .Vid-Wraper{
	 position: relative;
	 float:left;
	 width:100%;
	 height:auto;
}  
/******************/
/*DVD     */
/******************/
.RadDropDownList_Bootstrap {
	width:99% !important;
	max-width:500px !important;
	margin-left:1% !important;
}
html body .RadInput_Bootstrap .riRead,html body .RadInput_Read_Bootstrap {
	color:#333 !important;
}
.AccountPanel .RadInput
{
	width:96%;
	max-width:500px;
	padding-top: 5px;
	padding-bottom:5px;
	margin-left:1%;
	}
	
.AccountPanel .Field
{
	text-align: left !important;
	width:100%;
	display:block;padding-top:5px;
	}
.Highlight
{
	color:red;display:block;}
	
.AccountPanel .RadButton_Bootstrap.rbCheckBox, .AccountPanel .RadButton_Bootstrap.rbCheckBox.rbHovered, .AccountPanel .RadButton_Bootstrap.rbCheckBox .rbIcon, .AccountPanel .RadButton_Bootstrap.rbCheckBox .rbText
{color:white !important;}

/******************/
/*Subsite    */
/******************/
.TextArea
{
	margin:5px 20px;
	position: relative;
	z-index: 400;
}
.AreaTitle
{
	font:bold 2.25em "Segoe UI", Arial, sans-serif;
    line-height: normal;
	float:left;
	margin-top:5px;
	}

.Terms a
{
	color:#999;
	}
.AdminDetails
{
	display:block;
	width:80%;
	margin-top:40px;
	color:#666
}
.AdminDetails td, .AdminDetails table
{
	border:none;
}
.AdminDetails tr
{
	border-bottom:solid 1px ;
}
/******************/
/*Rad Grid   */
/******************/
.RadGrid_BlackMetroTouch
{
  	margin-top:20px;
  	margin-bottom:20px;
  	border:none !important;
}
.RadGrid .RadComboBox
{
	width:inherit !important;
}
.RadGrid .rgDataDiv
{
	height : auto !important ;
}

.RadGrid_BlackMetroTouch .rgFilterBox {
    background-color:white !important;
	background-image:url(../images/Search.jpg);
	background-repeat:no-repeat;
	color:black !important;
	font-weight:bold !important;
	cursor:inherit;
}

.Name
{
	font: 1.125em "Segoe UI", Arial, sans-serif;}
.ImgFrame img
{
	margin:10px;
	display:table-cell;
}
.ImgFrame
{
	float:left
}
.Button
{
    cursor:pointer;}
.RadGrid .Description
{
	float:left;
	background-color:#333;
	padding:20px;
}
.RadGrid_BlackMetroTouch .rgEditForm input
{
	color:black;padding:5px;width:100%
}
.RadGrid_BlackMetroTouch .rgEditForm td
{
	padding:5px;}

