﻿.subPagePanel {
	position: relative;
	background: transparent url('images/adminbg.png') 50% 50% repeat;
	width: 900px;
	margin-left: 7px;
	color: #C0C0C0;
	padding: 20px 20px 20px 20px;
}

fieldset {
	border: 1px #666666 solid;
}

.legendSubTitle {
	padding: 2px 5px 2px 5px;
	border: 0px solid gray;
	color: silver;
	font-size: 18px;
	font-weight: bold;
}

.legendSection {
	padding: 2px 5px 2px 5px;
	border: 0px solid gray;
	color: silver;
	font-size: 12px;
	font-weight: bold;
}

.MyWrapper
{
	list-style:none;
	width:380px;
	height:800px;
	margin:0;
	padding:20px 20px;
	/*background:url(bg.jpg) no-repeat;*/
	/*color:#000; */
	/*background-color:#f0f0f0;*/}

.MyWrapper li
{
	float:left;
	clear:left;
	margin:0;
	padding:0 0 12px;
}

.MyWrapper li.liright
{
	float:right;
	clear:none;
	width:407px;
}

.MyWrapper li.licombo
{
	width:230px; /*IE7*/
	color:#fff;
}

.MyWrapper li.libuttons
{
	float:none;
	width:437px;
	padding-top:9px;
	text-align:right;
}

.MyWrapper li.libuttons input,
.MyWrapper li.libuttons a
{
	margin-left:5px;
}

ul.MyWrapper .MyLabel
{
	float:left;
	width:120px;
	margin:0 4px 0 0;
	color:#fff;
}

.MyWrapper li.liright .MyLabel
{
	float:none;
	display:block;
	line-height:23px;
}

.MyWrapper .RadComboBox
{
	display:block !important; /*IE8*/
	float:left;
}

.MyWrapperSubPanel
{
	list-style:none;
	margin:0;
	padding:20px 20px;
}

.MyWrapperSubPanel li
{
	float:left;
	clear:left;
	margin:0;
	padding:0 0 12px;
}

ul.MyWrapperSubPanel .MyLabel
{
	float:left;
	width:120px;
	margin:0 4px 0 0;
	color:#fff;
}


/* */
html body form .RadInput .MyEmptyTextBox,
html body form .RadInput .MyEnabledTextBox,
html body form .RadInput .MyHoveredTextBox,
html body form .RadInput .MyFocusedTextBox,
html body form .RadInput .MyInvalidTextBox,
html body form .RadInput .MyNegativeTextBox
{
    border-width:2px;
    border-color:#a9c9a9;
    font:14px/18px arial,sans-serif;
}

html body .RadInput .MyEmptyTextBox
{
    color:#999;
}

html body form .RadInput .MyEnabledTextBox
{

}

html body form .RadInput .MyHoveredTextBox
{
    border-color:#6c6;
    background:#efe;
}

html body form .RadInput .MyFocusedTextBox
{
    border-color:#3a3;
    background:#efe;
}

html body form .RadInput .MyInvalidTextBox
{
    border-color:#f33;
    background:none #ff9;
}

html body form .RadInput .MyNegativeTextBox
{
    color:#930;
    font-weight:bold;
}

div.MyEnabledComboBox .rcbInputCell INPUT.rcbInput {
    border-width:2px;
    border-color:#a9c9a9;
    font:14px/18px arial,sans-serif;
}

.EnabledTextBox
{
    border-width:2px;
    border-color:#a9c9a9;
    font:14px/18px arial,sans-serif;
}

div.rwDialogPopup {  
    background:none !important;  
}  


/* top module */

.bigModule
{
	width:750px;
	background:url(images/qsfModuleTop.jpg) no-repeat;
	margin-bottom:15px;
}

.bigModuleVertical
{
	width:250px;
	background-image:url(images/qsfModuleTopVertical.jpg);
}

.bigModuleBottom
{
	background:url(images/qsfModuleBottom.gif) no-repeat bottom;
	color:#252f34;
	padding:23px 17px;
	line-height:16px;
	font-size:12px;
}

.bigModuleVertical .bigModuleBottom
{
	background-image:url(images/qsfModuleBottomVertical.gif);
}

.bigModuleContent:after
{
	clear:both;
	content:"";
	display:block;
	visibility:hidden;
	overflow:hidden;
	height:0;
}

.bigModuleBottom a
{
	color:#252f34;
}

.bigModule .title
{
	color:#4888a3;
	font:12px "Segoe UI", Arial, sans-serif;
	margin-bottom:15px;
	cursor:default;
}

.bigModule ul
{
	margin-bottom:0;
}

.button
{
	border:1px solid;
	border-color:#93aaa7 #557a8a #527889;
	background:url(images/qsfButton.gif) repeat-x #a8d1cc;
	min-height:24px;
	font-size:11px;
	line-height:20px;
	padding:0;
}

.smallModule .button,
.bigModule .button
{
	width:95px;
	font-size:11px;
	border:0;
	background:url(images/qsfButton95.gif) no-repeat #a8d1cc;
	cursor:pointer;
}

.qsfButton,
.qsfButtonBig,
.qsfButtonBigger
{
	width:95px;
	min-height:24px;
	font-size:11px;
	line-height:20px;
	border:0;
	background:url(images/qsfButton95.gif) no-repeat #a8d1cc;
}

.qsfButtonBig
{
	width:120px;
	background:url(images/qsfButton120.gif) no-repeat #a8d1cc;
}

.qsfButtonBigger
{
	width:150px;
	background:url(images/qsfButton150.gif) no-repeat #a8d1cc;
}

* html .button,
* html .qsfButton,
* html .qsfButtonBig,
* html .qsfButtonBigger
{height:24px}


.bigModule a.button,
a.qsfButton,
a.qsfButtonBig,
a.qsfButtonBigger
{
	display:block;
}


/*code viewer tabs*/


/*code viewer*/


/* general module */

.module
{
	border:1px solid #c6e1f2;
	background:#dff3ff;
	padding:1.2em;
	color:#333;
}

/* small module */

div.smallModule
{
	float:right;
	background-color:#e4f6ff;
}

div.smallModule *
{
	font-family:'Segoe UI', Calibri, sans-serif;
}

.smallModule .rc3
{
	min-width:200px;
	min-height:210px;
	padding:10px;
	overflow:hidden;
	text-overflow:ellipsis;
}

* html .smallModule .rc3
{
	width:200px;
	height:210px;
}

.smallModule,
.smallModule .rc1,
.smallModule .rc2,
.smallModule .rc3
{
	background:url('images/qsfSmallModule.gif') no-repeat top left;
}

.smallModule .rc1 { background-position:100% 0;}
.smallModule .rc2 { background-position:0 100%;}
.smallModule .rc3 { background-position:100% 100%;}

.smallModule .title
{
	border-bottom:1px solid #333;
	display:block;
	margin:10px;
	text-indent:3px;
}

/* === warning panel === */
.warnBlackTextYellowBg {
	background-color: #FFFF99;
	border: solid 1px orange;
	padding: 5px;
}
a.warnBlackTextYellowBg_Link:link,
a.warnBlackTextYellowBg_Link:visited,
a.warnBlackTextYellowBg_Link:active,
a.warnBlackTextYellowBg_Link:hover
{
	color:blue;
}
.warnBlackTextBlueBg {
	background-color: #99CCFF;
	border: 1px #0066FF solid;
	padding: 5px;
}
/* === backend administration page === */
#admin	{
	/*background: transparent url('images/adminbg.png') 0 0 repeat;*/
	padding: 10px;
	color: black;
	border: 0px #E6E6E6 solid;
	/*font-size: 10pt;*/
}

	.title {
		font-size:14pt;
		font-weight:bold;
		color:silver;
	}
	
	.subTitle {
		font-size:12pt;
		font-weight:normal;
	}
	
	.message {
		color: black;
		font-weight:bold;		
		padding:2px;
	}
	
	.mainPanel {
		border: 1px gray solid;
		padding: 10px;
	}
	
	.normalText {
		color: #fff;		
	}
	
.errorMessage {
	color: #FF3300;
	font-weight: bold;
}

.btnStandard {
		border: 1px gray outset;
		font: 10pt arial;
		padding: 5px 5px 5px 5px;
}	
.grid2Theme {
	border:1px solid gray;
	font-size:8pt;
	background-color:#fff;
}
.grid2Header {
	background-color:#C0C0C0;
	font-size:8pt;
	height:35px;
	vertical-align:bottom;
}
.grid2Row {
	font-size:8pt;
	border: 1px gray outset;
}

.formDataEntry {
	background-color: #fff;
	padding: 10px;
	color: black;
	border: 0px #E6E6E6 solid;
	font-size: 9pt;
} 
/* === telerik page === */
.tlkTabPageView
{
    border: 1px solid #898c95;
    border-top: none;
    margin-top: -1px;
}
.tlkTabPageView img
{
    margin: 0;
}

.tlkTabWrapper
{
    padding: 10px;
    background: #f0f0f0;
}
/* ===== photo frame ==== */
.av70PicItem {
	width: 70px;
	height: 70px;
	background-color: #ffffff;
	padding: 1px;
	border: 1px #D2D2D2 solid;
	margin: 0px;
	text-align: center;
}

.av70PicItem-Crop {
    width: 70px;
    height: 70px;
    overflow: hidden;
}

.av50PicItem {
	width: 50px;
	height: 50px;
	background-color: #ffffff;
	padding: 1px;
	border: 1px #D2D2D2 solid;
	margin: 0px;
	text-align: center;
}

.av50PicItem-Crop {
    width: 50px;
    height: 50px;
    overflow: hidden;
}

.ph130PicItem {
	width: 130px;
	height: 97px;
	background-color: #ffffff;
	padding: 1px;
	border: 1px #D2D2D2 solid;
	margin: 0px;
	text-align: center;
}

.ph130PicItem-Crop {
    width: 130px;
    height: 97px;
    overflow: hidden;
}


