﻿/* ****************************************
Layout/Typography Styles
**************************************** */

body
{
	font-family:'Arial';
	font-size:10pt;
	height:100%;
	text-align:center;
}

html
{
	height:100%;
}

header,footer,article,aside,nav,section
{
	display:block;
}

ul.rmRootGroup,
#MenuBar
{
	height:25px;
}

article
{
	text-align:left;
}

div.Container
{
	margin:10px;
}

nav > ul
{
	list-style-type:none;
	margin:0px;
	padding:0px;
}

nav > ul > li
{
	display:inline;
	float:left;
	padding: @SmallElementPadding;
}

nav > ul > li > a:hover
{
	background-color:White;
	border:1px solid #333333;
	border-radius:6px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

p
{
	margin-bottom:10px;
}

hr
{
	height:1px;
	border:1px dotted #C9E0FC;
}

h1
{
	font-size:13pt;
}

h2
{
	font-size:12pt;
}

h3
{
	font-size:11pt;
}

a
{
	text-decoration:none;
}

a:hover
{
	text-decoration:underline;
}



/* ****************************************
Form Control Styles 
**************************************** */
div.FormPanel,
section.FormPanel
{
	margin:10px;
	
}

div.TextOnly .FormContent,
section.TextOnly .FormContent
{
	padding:10px;
}

div.FormContent
{
	padding:10px;
	border-left:1px solid #C9E0FC;
	border-right:1px solid #C9E0FC;
	border-bottom:1px solid #C9E0FC;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	-moz-border-radius-bottomright: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-bottom-right-radius: 10px;
	-webkit-border-bottom-left-radius: 10px;
}

div.FormContent > .FormRow
{
	margin-bottom:10px;
}

div.FormContent > p:first-child
{
	margin-top:10px;
}

div.FormContent > .FormValidationSummary
{
	padding:0px;
}

div.FormPanel > h3,
section.FormPanel > h3
{
	margin:0px;
	font-size:12pt;
	padding:0px 20px 10px 20px;
	background:#C9E0FC url('../Images/Toolbar.png');
	color:#4c607a;
	height:25px;
	
	border-top-left-radius: 10px;
	border-top-right-radius: 10px; 
	border-bottom-left-radius: 0;
	border-bottom-right-radius: 0;
		
	-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;

	-webkit-border-top-left-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
}

.FormLabel
{
	height:25px;
	line-height:25px;
	font-size:14px;
	padding-top:5px;
	margin-bottom:5px;
	
}

div.form-readonly .FormLabel,
div.form-readonly label
{
	height:20px !important;
	line-height:20px !important;
	padding-top:0px !important;
	
}

.Label
{
	font-weight:bold;
}

.ValidationSummary,
.FormValidationSummary
{
	color: #9A4343;
}

.CheckBoxList td
{
	white-space:nowrap;
}

.CheckBoxList td > input[type='checkbox'],
.CheckBoxList td > label
{
	display:inline;
    margin-top: 0px;
    margin-right: .5em;
}

.nowrap
{
	white-space:nowrap;
}

.nowrap > input, 
.nowrap > textarea,
.nowrap > select,
.nowrap > label
{
	display:inline !important;
}

.form-horizontal .well
{
	padding-left:180px;
}

/* ****************************************
table/FormTable Styles 
**************************************** */
table
{
	padding:0px;
	margin:0px;
}

thead tr th
{
	font-weight:normal;
	text-align:left;
}
	
tbody tr td
{
	padding:0px;
	vertical-align:top;
}

.FormTable tbody tr td
{
	padding:3px 10px;
}

span.MultiLineTextBox,
span.MultiLineTextBox > textarea,
textarea.MultiLineTextBox
{
	width:350px !important;
	height:150px !important;
}

span.MultiLineTextBoxAutoWidth,
span.MultiLineTextBoxAutoWidth > textarea,
textarea.MultiLineTextBoxAutoWidth
{
	height:150px !important;
}

/* ****************************************
Custom Styles
**************************************** */
.Breadcrumb
{
	margin:10px 0px;
}

.HelpBoxWrapper
{
	border:1px solid black;
	width:300px;
	z-index:1000000;
}

.HelpBoxTitle
{
	height:35px;
	background-color:#BCCADD;
	color:#384E73;
	font-weight:bold;
}

.HelpBoxTitle h3
{
	margin:0px;
	padding:7px 8px;
	font-size:14px;
}

.HelpBoxDescription
{
	height:75px;
	background-color:white;
	color:black;
	padding:10px;
}

.HelpBoxButtons
{
	text-align:right;
	background-color:#DCE3ED;
	height:35px;
	padding-top:10px;
	padding-right:15px;
}

.HelpBoxButtons > a
{
	padding:5px 8px;
	border:1px solid black;
	background-color:#ECF0F6;
	color:#384E73;
	text-decoration:none;
}

.Announcements
{
	padding:5px 10px;
	margin-bottom:10px;
	border:1px solid black;
	background-color: #BBE3FD;
	color: black;
	font-weight: bold;
}

.Announcements > h3
{
	margin:0px;
	padding:5px 0px;
	line-height:20px !important;
}

.Announcements > p
{
	padding-top:5px;
}

/* ****************************************
Telerik Override
**************************************** */
.RadGrid .rgPager .RadComboBox, .RadGrid .rgPagerLabel
{ 
    display: none !important; 
}

.rcbSlide
{
	z-index:12000 !important;
}

/* ****************************************
Bootstrap Override
**************************************** */
div.form-horizontal .control-group 
{
	margin-bottom:0px !important;
}

label, select, .uneditable-input
{
	height:25px !important;
	line-height:25px !important;
}

textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], 
input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], 
input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"]
{
	height:25px !important;
	line-height:20px !important;
}


.RadComboBox input.rcbInput
{
	height:20px !important;
	line-height:20px !important;
	border-radius:0px;
	-moz-border-radius:0px;
	-webkit-border-radius:0px;
}