﻿body 
{
	font: 12px/1.2 "segoe ui",arial,sans-serif;
	color: #333;
}
h1, h2, h3, h4, h5, p
{
	margin-top: 0;
}
input, select, textarea
{
	font-size: 11px;
	font-family: "segoe ui",arial,sans-serif;
	margin: 0pt;
}
.right
{
    text-align: right;
}
.center
{
    text-align: center;
}
.hide 
{
    display: none;
}
.capitalize 
{
    text-transform: capitalize;
}
.nowrap 
{
    white-space: nowrap;
}

/**
 * layout containers
 */
#wrapper 
{
	text-align: center;
	position: relative;
}
#container 
{
	text-align: left;
	margin: 0 auto;
	width: 940px;
	position: relative;
}
#content 
{
	padding: 20px;
	height: auto !important;
	min-height: 500px;
	height: 500px;
}

/**
 * Clear and clearfix for floating objects
 */
.clear
{
    clear:both;
    display:block;
    overflow:hidden;
    visibility:hidden;
    width:0;height:0
}
.clearfix:after
{
    clear:both;
    content:'.';
    display:block;
    visibility:hidden;
    height:0
}
.clearfix
{
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}
* html .clearfix
{
    height:1%
}
.clearfix
{
    display:block
}

.user-info 
{
	float: right;
	text-align: right;
}

.rgFilterBox { width: 80%; }
.rfdSkinnedButton { vertical-align: middle; }

#gen_pwd span 
{
    font-family: Courier New;
}

legend
{
    text-transform: uppercase;
    font-weight: bold;
}

.rcbList li {
    border-bottom: solid 1px #ccc;
}

/**
 * Webform and RadGrid inline edit form
 */
.rgEditForm
{
    padding: 10px;
    background-color: #eee;
}
.webform fieldset label,
.rgEditForm fieldset label
{
    color: #444 !important;
}
.webform fieldset,
.rgEditForm fieldset
{
	padding-left: 15px;
}
.webform legend,
.rgEditForm legend
{
	margin-bottom: 10px;
	margin-top: 10px;
	font-size: 12px;
}

.webform div.item,
.rgEditForm div.item
{
	margin-bottom: 8px;
	width: 100%;
	clear: left;
	height: auto !important;
	height: 20px;
	min-height: 20px;
}
.rgEditForm div.item
{
    margin-bottom: 2px;
}
.webform div.group div.item,
.rgEditForm div.group div.item
{
    clear: none;
    width: auto;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
    
}
.webform div.group.indent,
.rgEditForm div.group.indent
{
    margin-left: 140px;
}
.webform div.float,
.rgEditForm div.float
{
    width: 50%;
	float: left;
	clear: none;
}
.webform div.item:hover,
.rgEditForm div.item:hover
{
    background-color: #eee;
}
.webform div.item label.label,
.rgEditForm div.item label.label
{
    float: left; 
    display: block; 
    width: 140px; 
}
.webform .noindent.item label.label,
.rgEditForm .noindent.item label.label
{
    float: none;
    display: inline;
    width: auto;
}
.webform .item div.input,
.rgEditForm .item div.input
{
    margin-left: 140px;
}
.webform .noindent.item div.input,
.rgEditForm .noindent.item div.input
{
    margin-left: auto;
    display:-moz-inline-stack;
    display:inline-block;
    zoom:1;
    *display:inline;
}

.webform label.required,
.rgEditForm label.required
{
	font-weight: bold;
	color: #333 !important;
}

.formtip 
{
	color: #777;
	font-size: 11px;
	font-family: Arial;
}

.fullwidth 
{
	width: 300px;
}
.halfwidth 
{
	width: 150px;
}
.phonewidth 
{
	width: 100px;
}

.info 
{
    color: #555; font-size: .85em;
}
.info.left 
{
    float: left;
}
.info.bottom 
{
    display: block;
}
.icon { vertical-align: middle; }


/**
 * Errors and messages
 */
.message 
{
    background: white url('../images/message-info.png') 5px 7px no-repeat;
    padding: 8px 5px 8px 25px;
	margin-bottom: 15px;
	clear: both;
	display: block;
	border: solid 2px #ccc;
}
 
.message.info 
{
    border-color: #5f9ccf;
    background-color: #e9eaff;
}
.message.error
{
	border-color: #d51400;
	background-color: #ffcecd;
	background-image: url('../images/message-error.png');
}
.message.success
{
	border-color: #5bc857;
	background-color: #dffedf;
	background-image: url('../images/message-ok.png');
}
.message.warning
{
	border-color: #ffcb00;
	background-color: #fefaa4;
	background-image: url('../images/message-warning.png');
}

/**
 * Dock
 */
.RadDock { margin-bottom: 20px; }
.RadDockZone { border-color: #aaa; }

/**
 * Footer
 */
#footer { border-top: solid 1px black;}

