body
{
    font-family: "Segoe UI" , Arial, Helvetica, sans-serif; /*Arial, Helvetica, sans-serif;*/
    font-size: 100%;
    margin: 0;
    padding: 0 0 10px 0;
}

#page
{
    width: 1200px;
    margin: 0 auto;
}

.clear
{
    clear: both;
}

.bottamSpace
{
    margin-bottom: 10px;
}

#content
{
    padding: 0;
    font-size: 1.0em !important;
}

h1
{
    font-size: 1.688em;
    font-weight: bold;
    color: #558BD5;
    margin: 0px 0;
    padding: 10px 0 10px 0;
}

h3
{
    font-weight: bold;
    color: #558BD5;
    margin: 5px;
}

input
{
    font-size: 1.0em;
}

.formtopbar
{
    height: 40px;
}

.formtopbar .inputfields
{
    margin: 3px;
    height: 30px;
    width: 300px;
}

#page #content .formtopbar input
{
    display: inline;
    margin-right: 10px;
    margin-left: 10px;
    padding-right: 3px;
    padding-left: 3px;
}

.textContent
{
    padding: 3px;
}

.formsContainer
{
    display: inline-block;
    width: 85%;
}


.formRow
{
    padding: 2px 2px 2px 8px;
    width: auto;
    margin-top: 8px;
}

.formHeaderRow
{
    padding: 0 0 5px 0;
    width: auto;
    margin-top: 8px;
}

.formLabel
{
    display: inline-block;
    width: 20%;
    vertical-align: top;
    font-weight: bold;
}

.formInput
{
    width: 77%;
    display: inline-block;
    vertical-align: top;
}

.formValidation
{
    width: 1%;
    display: inline-block;
    vertical-align: middle;
}

.formPopupLabel
{
    display: inline-block;
    width: 35%;
    vertical-align: top;
    vertical-align: top;
    font-weight: bold;
}

.formpopupInput
{
    width: 60%;
    display: inline-block;
    vertical-align: middle;
}

.formpopupValidation
{
    width: 2%;
    display: inline-block;
    vertical-align: middle;
    margin-left: 5px;
}

.formInput .inputTag
{
    width: 100%;
    padding: 0px;
}

.formInput .inputTagPadding
{
    width: 93%;
    margin: 0px 0px 0px 5%;
}

.formInput .RadComboinputTag
{
    width: 100%;
    padding: 0px; /* height: 20pt !important;*/
}

/*.formRow .RadAutoCompleteBox_Default, .racInput, .riTextBox
{
    font-size: 1em !important;
    line-height: 1.5em !important;
}

.racInput
{
    height: 1.5em !important;
}
*/

.racInput
{
    width: 100%\9;
}

.racToken
{
    white-space: normal !important;
}

/*.RadAutoCompleteBox_Sitefinity
{
    font-size: 1.063em !important;
}
*/
.links
{
    display: block;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #568CD4;
    padding: 5px;
    vertical-align: middle;
}

.fullwidth
{
    display: inline-block;
    width: 100%;
}

.formpartition
{
    display: inline-block;
    width: 50%;
    vertical-align: top;
}

.formequalcelllabel
{
    display: inline-block;
    font-weight: bold;
    vertical-align: top;
    margin-left: 20px;
}

.formequalcellinput, .formequalcellversion
{
    display: inline-block;
    vertical-align: top;
    margin-left: 10px;
}

.radeditoractive
{
    overflow-y: hidden;
    overflow-x: hidden;
    border: 1px solid gray;
    height: 200px;
    width: 210px;
}

.radeditoractive table
{
    overflow-y: auto;
}

.ModalPopupBG
{
    background-color: #AAA;
    filter: alpha(opacity=50);
    opacity: 0.5;
}

.popupContainerEditEntry
{
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0 0 0 0;
    z-index: inherit;
    width: 610px;
    height: 350px;
}

.popupContainerViewEntry
{
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0 0 0 0;
    z-index: inherit;
    width: 1100px;
    height: 600px;
}

.popupContainerClientVersion
{
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0 0 0 0;
    z-index: inherit;
    width: 550px;
    height: 150px;
}

.popupContainerpublish
{
    background-color: #ffffff;
    border: 1px solid #000000;
    padding: 0 0 0 0;
    z-index: inherit;
    width: 610px;
}

.popupTitlebar
{
    background-color: #C0C0C0;
    height: 25px;
    cursor: move;
}

.TitlebarLeft
{
    float: left;
    padding-left: 5px;
    padding-top: 5px;
    font-family: Arial, Helvetica, sans-serif;
    font-weight: bold;
    font-size: 1em;
    color: #000000;
}

.TitlebarRight
{
    background: url("/Assets/Images/close.png");
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

.TitlebarRight:hover
{
    background: url("/Assets/Images/close_over.png");
    background-position: right;
    background-repeat: no-repeat;
    height: 15px;
    width: 15px;
    float: right;
    cursor: pointer;
    margin-right: 5px;
    margin-top: 5px;
}

ul
{
    padding: 0px;
    margin: 0px 15px;
}

.headingbig
{
    font-size: 1.5em;
    font-weight: normal;
    color: #558BD5;
    margin: 0;
}

.formpartition .TextAlignRight
{
    line-height: 1.1em;
    text-align: right;
}

.PageLayout
{
    width: 100%;
    margin: auto;
    display: block;
}

.toolTipText
{
    max-height:220px;
    width: 220px;
    font-size: 1.0em;
    word-wrap: break-word;
    overflow:auto;
}

.feedbackPanelFailure
{
    float: right;
    clear: none;
    text-align: left;
    vertical-align: middle;
    color: White;
    background-color: #DC143C;
    border: solid 1px #DC143C;
    padding: 2px 5px;
    margin: 2px 0px;
    line-height: 100%;
    width: 150px;
    height: 34px;
}

.feedbackPanelFailure SPAN.dropdown
{
    float: right;
}

.feedbackPanelDetailFailure
{
    float: right;
    clear: none;
    text-align: left;
    vertical-align: middle;
    color: #DC143C;
    background-color: White;
    border: solid 1px #DC143C;
    padding: 3px 5px 0 5px;
    margin: 2px;
    line-height: 100%;
    width: 240px;
    z-index: 100;
    height: 250px;
    overflow: auto;
}

.feedbackPanelSuccess
{
    float: right;
    clear: none;
    text-align: left;
    vertical-align: middle;
    color: White;
    background-color: #228B22;
    border: solid 1px #228B22;
    padding: 2px 5px;
    margin: 2px 0;
    line-height: 100%;
    width: 150px;
    height: 34px;
}

.feedbackPanelDetailSuccess
{
    float: right;
    clear: none;
    text-align: left;
    vertical-align: middle;
    color: #228B22;
    background-color: White;
    border: solid 1px #228B22;
    padding: 2px 5px;
    margin: 2px;
    line-height: 100%;
    width: 240px;
    z-index: 100;
}

.feedbackPanelSuccess SPAN.dropdown
{
    display: none;
    padding-top: 4px;
}

.feedbackMessage
{
    width: 20%;
    vertical-align: middle;
    float: right;
}

.imageFeedbackIcon
{
    vertical-align: middle;
    height: 100%;
    padding-top: 2px;
    float: left;
    display: inline-block;
}

.FeedbackHeading
{
    height: 100%;
    vertical-align: middle;
    padding-top: 4px;
    padding-left: 3px;
    float: left;
    display: inline-block;
}

.loadingPanel
{
    position: absolute;
    top: 300px;
    text-align: center;
    margin: auto;
    display: block;
    width: 100%;
}

DIV.MultipageContainer
{
    margin-top: -1px;
}

.partitioncolum
{
    display: inline-block;
    padding: 0 5px 0 0;
}

.formsContainerMove
{
    float: left;
    width: 95%;
    height: 425px;
    overflow: auto;
    padding: 0px;
    margin: 0px;
}

.formsContainerMoveRight
{
    width: 4%;
    display: inline-block;
    vertical-align: top;
    height: 425px;
    padding-left: 4px;
}

.ImageBtn
{
    background-color: #548bd4;
    cursor: pointer;
}

.sliderDiv
{
    float: left;
    height: 350px;
    vertical-align: top;
    padding: 0px;
    margin: 0px;
    overflow: auto;
    width: 100%;
}

.sliderDiv ul
{
    padding: 0px;
    margin-left: 25px;
}

.sliderDiv ul li
{
    padding: 5px 0px;
}

.leftLinks
{
    width: 40%;
    float: left;
    text-align: left;
}

.leftLinks a, .rightLinks a
{
    color: #568CD4;
}

.rightLinks
{
    width: 40%;
    float: right;
    text-align: right;
}

.formInput p
{
    padding-top: 0;
    margin-top: 0;
}
.popupContainerViewEntry h1
{
    padding-left: 10px;
}
.borderBlue
{
    border: 1px solid #548bd4;
    height: 425px;
}

a.aspNetDisabled
{
    cursor: default;
    color: gray;
}
.hyperLinkWithoutBullets ul
{
    padding: 0px;
    margin: 0px;
    list-style: none;
}
.editItems
{
    display: block;
    margin: 5px 5px 10px 5px;
}

.editIcon
{
    width: 6%;
    display: inline-block;
    vertical-align: middle;
    margin-right: 5px;
}

.editContent
{
    width: 91%;
    display: inline-block;
    vertical-align: top;
}

.editButton
{
    background-color: #548bd4;
    padding: 5px;
    clear: both;
}

.italicText
{
    font-style: italic;
}

.topheader
{
    position: relative;
    background: url(../Images/topheader.jpg) no-repeat;
}

.topheaderImage
{
    height: 70px;
}

.mainLinks
{
    width: 79%;
    height: 34px;
    display: inline-block;
    text-align: left;
}

.rsklogo
{
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 92;
}

.rsklogo IMG
{
    border: 0;
}

.envirologo
{
    position: absolute;
    top: 0px;
    right: 0px;
    z-index: 92;
    text-align: right;
}

.dashboardPanel
{
    width: 1150px;
    margin: 0 auto;
}

.editMasterColor
{
    background-color: #d9ecff;
}

.approveMasterColor
{
    background-color: #a2cff4;
}

.editClientMaster
{
    background-color: #84c4fa;
}

.approveClientVersion
{
    background-color: #65b0f0;
}

.publishClientVersions
{
    background-color: #2d7dc1;
}

.headingPanel, .Enviropanel, .arrowopen, .arrowclose
{
    display: inline-block;
    vertical-align: top;
    padding: 5px 5px;
    margin: 0 10px;
}

.imageheading
{
    color: #FFFFFF;
    font-size: 1.75em;
    position: absolute;
    bottom: 0px;
    padding: 0 5px 7px 5px;
    width: 65%;
    font-weight: bold;
    filter: progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135);
    text-shadow: 3px 3px 2px rgba(0, 0, 0, 1), -1px -1px 1px rgba(0, 0, 0, 1);
}

.headingPanel
{
    font-size: 1em;
    font-weight: bold;
    color: #3d3d3d;
    width: 220px;
    text-align: center;
    vertical-align: middle;
}

.Enviropanel
{
    width: 379px;
    position: relative;
}

.Enviropanel img
{
    position: absolute;
    margin: auto;
}

.arrowopen
{
    width: 24px;
    cursor: pointer;
}

.arrowclose
{
    width: 24px;
    cursor: pointer;
}

.arrowpanel
{
    margin-top: 0px;
}

.red
{
    background-color: red;
    display: block;
    padding: 4px;
    color: #fff;
    margin: 3px 0;
}

.green
{
    background-color: green;
    display: block;
    padding: 4px;
    color: #fff;
    margin: 3px 0;
}

.orange
{
    background-color: orange;
    display: block;
    padding: 4px;
    color: #fff;
    margin: 3px 0;
}

.gray
{
    background-color: gray;
    display: block;
    padding: 4px;
    color: #fff;
    margin: 3px 0;
}

.blue
{
    background-color: #d1eaff;
    display: block;
    padding: 4px;
    color: #666;
    margin: 3px 0;
}

.registerBorderLeftRight
{
    border-left: 2px solid;
    border-right: 2px solid;
}

.registerBorderTop
{
    border-top: 2px solid;
    height: 145px;
}

.registerBorderBottom
{
    border-bottom: 2px solid;
}

.blankpanel
{
    margin-top: 0px;
    height: 38px;
    margin-bottom: 0px;
    padding-top: 0px;
}

.disableUnderline
{
    text-decoration: none;
}

.headerOption
{
    background: url(../Images/blankImage.png) repeat;
    position: absolute;
    top: 0px;
    right: 200px;
    z-index: 9999;
    padding: 2px 4px 0px 8px;
    line-height: 25px;
    color: #fff;
}

.headerOption img
{
    border: none;
}

.headerOption ul
{
    font-family: Arial, Verdana;
    font-size: 0.875em;
    margin: 0;
    padding: 0;
    list-style: none;
}

.headerOption ul li
{
    display: block;
    position: relative;
    float: left;
}

.headerOption li ul
{
    display: none;
}

.headerOption ul li a
{
    display: block;
    text-decoration: none;
    color: #fff;
    padding: 5px 15px 5px 15px;
    margin-left: 1px;
    white-space: nowrap;
}

.headerOption ul li a:hover
{
    background: transparent;
}

.headerOption li:hover ul
{
    display: block;
    position: absolute;
    left: -69px;
}

.headerOption li:hover li
{
    float: none;
    font-size: 0.688em;
}

.headerOption li:hover a
{
    background: url(../Images/blankImage.png) repeat;
}

.headerOption li:hover li a:hover
{
    background: #666666;
}

.headerOption .userName
{
    display: block;
    float: left;
    padding-right: 20px;
}

.headerOption .buttons
{
    display: block;
    float: left;
}

DIV.version
{
    display: block;
    font-size: 10px;
    padding-right: 3px;
    color: #2d7dc1;
    margin-right: 26px;
    margin-top: -16px;
}

.listClientRegisters
{
    margin: 10px;
    padding: 10px 5px 10px 5px;
    border: 1px solid;
    font-size: 1.2em !important;
}

.radius
{
    -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
    border-radius: 8px;
}

.radiusTop
{
    -moz-border-radius: 8px 8px 0px 0px;
    -webkit-border-radius: 8px 8px 0px 0px;
    border-radius: 8px 8px 0px 0px;
}

.radiusBottom
{
    -moz-border-radius: 0 0 8px 8px;
    -webkit-border-radius: 0 0 8px 8px;
    border-radius: 0 0 8px 8px;
}

.bottomVerticalAlign
{
    vertical-align: bottom;
}

.watermarkCssClass
{
    color: Gray;
}

.listHyperlinks
{
    vertical-align: top;
    padding-top: 0px;
    overflow: auto;
}

.addHyperlinks
{
    vertical-align: bottom;
    padding-bottom: 0px;
    padding-top: 10px;
}

.problemDetailsSection
{
    vertical-align: top;
    width: 90%;
    display: inline-block;
    font-size: 1.2em;
    color: Red;
}

.problemSearchMode
{
    vertical-align: top;
    width: 9%;
    display: inline-block;
    text-align: right;
}

.sensitiveEntriesChekboxes
{
    height: 150px;
    overflow: auto;
    border: 1px solid gray;
}

.listLineHeight td
{
    line-height: 20px !important;
}

.clientListEntiresHeading
{
    text-decoration: none;
    color: #558bd5;
}

.clientListEntiresHeading:hover
{
    text-decoration: underline;
}

.listThemes
{
    margin-top: -15px;
}

.listThemes ul
{
    padding: 0px;
    margin: 0px;
}

.listThemes li
{
    padding: 0px;
    padding-left: 2%;
    margin: 0px;
    display: inline-block;
    width: 44%;
    background:url("/Assets/Images/bullets.png") no-repeat left center;

}



.Container
{
	margin:auto;
	min-height:400px;
	background:#ffffff;
	max-width:500px;
	min-width:500px;
	border:solid 1px #d4d4d4;
	padding:0 20px 20px 20px;
}

.ToolBar
{
	border:solid 1px #d4d4d4;
	padding:10px;
	margin-bottom:20px;
}

.GridContainer
{
	background:#ECF5FB;
	min-height:300px;
	border:solid 1px #d4d4d4;
}


.ModalPopupBG
{
	background-color: #666699;
	filter: alpha(opacity=50);
	opacity: 0.7;
}

.popup_Container {
	background-color:#fff;
	border:2px solid #000000;
	padding: 0px 0px 0px 0px;
}

.popupConfirmation
{
	width: 600px;
}

.popup_Titlebar {
	background: url("/Assets/Images/titlebar_bg.jpg");
	height: 29px;
}

.popup_Body
{
	padding:15px 15px 15px 15px;
	font-family:Arial;
	font-weight:bold;
	font-size:12px;
	color:#000000;
	line-height:15pt;
	clear:both;
	padding:20px;
	border:1px solid #000;
	margin:5px;
}

.TitlebarLeft 
{
	float:left;
	padding-left:5px;
	padding-top:5px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#FFFFFF;
}
.TitlebarRight 
{
	background:url("/Assets/Images/cross_icon_normal.png");
	background-position:right;
	background-repeat:no-repeat;
	height:15px;
	width:16px;
	float:right;
	cursor:pointer;
	margin-right:5px;
	margin-top:5px;
}

.popup_Buttons
{
	margin:10px;
}