/*--FONTS--*/

a{
	text-decoration:none;	
}

.menuItem{
	color:#ffffff;	
}

.bold{
	font-weight:bold;	
}



.normail{
	font-weight:500;
}

.whiteLight{
	color:#dda197;	
}

.adminRedBoldText{
	color:#b43934;
	font-weight:bolder;
}

.devider{
	position:relative;
	clear:both;
	width:100%;
	background-image:url(../images/CRUD/devider.png);
	background-repeat:repeat-x;
	height:2px;
	margin:5px 0 5px 0;
}


/*--CLEAR--*/
.clear{
	position:relative;
	clear:both;	
}

.clear-10{
	position:relative;
	clear:both;
	height:10px;	
}


/*--MAIN DIV--*/
#adminPanelMain{
	background-color:#ffffff;
	position:relative;
	color:#808080;
}

#adminPanelBottomBar{
	background-color:#333333;
	position:relative;
	border-bottom:1px solid #807f84;
	padding:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#adminPanelTopBar{
	background-color:#333333;
	position:relative;
	border-bottom:1px solid #807f84;
	padding: 10px 10px 0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

.adminInner{
	position:relative;
	width:890px;
	margin:auto;	
}

#traceAdminHeader{
	position:relative;
	clear:both;
	width:100%;
}

/*--BUTTONS--*/

.adminBorderRounded, a.various1{
	border-radius: 16px 5px 16px 5px !important;
	-moz-border-radius: 16px 5px 16px 5px !important;
	background-color:#be3427 !important;
	border:1px solid #8A1F03 !important;
	-moz-box-shadow: 2px 2px 2px #1a1a1a !important;
	-webkit-box-shadow: 2px 2px 2px #1a1a1a !important;
	box-shadow: 2px 2px 2px #1a1a1a !important;
}

.adminBorderRoundedWhite{
	border-radius: 16px 5px 16px 5px;
	-moz-border-radius: 16px 5px 16px 5px;
	background-color:#f2f2f2;
	margin-top:15px;
	padding:5px 0 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#616161;
}

.adminBorderRoundedBlack{
	border-radius: 16px 5px 16px 5px;
	-moz-border-radius: 16px 5px 16px 5px;
	background-color:#333333;
	margin-bottom:15px;
	padding:5px 0 5px 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	font-weight:bold;
}

.adminMenuBorderRounded{
	border-radius: 16px 5px 0px 0px;
	-moz-border-radius: 16px 5px 0px 0px;
	background-color:#BE3427;
	border:1px solid #8A1F03;
}

#adminOpenClose{
    height: 23px;
    padding: 5px 0 0 15px;
    width: 185px;
	cursor:pointer;
	position:relative;
	float:left;
	margin-right:15px;
}

#traceLogo{
	position:relative;
	float:left;	
}

#logout{ position:relative; display:block; float:right; height: 23px; padding: 5px 0 0 15px; width:75px; color: #fff;}
.trace-view {  position:relative; display:block; float:right; height: 23px; padding: 5px 10px 0 15px; width:auto; color: #fff;}
#menuSettingsFiles{ height: 23px; padding: 5px 0 0 15px; width: 60px; position:relative; float:left; display:block; }
#menuPages{ height: 23px; padding: 5px 0 0 15px; width: 52px; position:relative; float:left; display:block; }
#menuFiles{ height: 23px; padding: 5px 0 0 15px; width: 52px; position:relative; float:left; display:block; }
#menuModules{ height: 23px; padding: 5px 0 0 15px; width: 66px; position:relative; float:left; display:block;	 }
#menuMenus{ height: 23px; padding: 5px 0 0 15px; width: 52px;	position:relative; float:left; display:block;}
#menuApperance{ height: 23px; padding: 5px 0 0 15px; width: 80px;	position:relative; float:left; display:block;}

.submitBtnGrey{
	width:75px !important;
	color:#CCCCCC !important;
	background-color:#808080 !important;
	font-size:12px !important;
	font-weight:bold;
	position:relative;
	height:25px;
	margin:0 5px 0 5px !important;
}

.submitBtnRed, a.various1{
	width:75px !important;
	color:#ffffff !important;
	font-size:12px !important;
	font-weight:bold !important;
	position:relative !important;
	height:25px !important;
	margin:0 5px 0 5px !important;
	cursor:pointer;
}


a.various1 {
	padding: 6px 12px !important;
	position: relative !important;
	z-index: 1050;
}

a.various1:hover {
	color: #fff !important;	
}

.content-box a.various1 {
	position: relative !important;
	left: 0 !important;
}

.content-box a.various {
	position: relative !important;
	left: 0 !important;
}

.delete-img {
	position: relative !important;
	z-index: 1050 !important;
	color: #333 !important;	
}
/*--BUTTONS END --*/

/*--LAYOUT--*/

#adminPanelMain .editUserLabel {
	position:relative;
	float:right;
	width:125px !important;
	clear:none !important;
}

#adminPanelMain .editUserCheck {
	position:relative;
	float:left;
	width:25px !important;
}


.adminMargRight{
	margin-right:10px;
}

.adminThreeCol{
	position:relative;
	float:left;
	width:30%;
	padding:10px;
}

.adminLeftLarge{
	position:relative;
	float:left;
	width:64%;	
	padding:10px;
}

.adminRightSmall{
	position:relative;
	float:right;
	width:30%;	
	padding:10px;
}

#adminPanelMain label{
	width:100%;
	color:#333333;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-weight:bold;
	position:relative;
	display:block;
	clear:both;
}

#adminPanelMain input{
	width:99%;
	margin:3px 0 3px 0;
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	border:1px solid #808080;
	padding:2px;
}

#adminPanelMain input:active,#adminPanelMain input:focus,#adminPanelMain select:active, #adminPanelMain select:focus{
	border:1px solid #BE3426 !important;	
}

#adminPanelMain select, #adminPanelMain option{
	width:99%;
	margin:3px 0 3px 0;
	color:#808080;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	padding:2px;
}

#adminPanelMain .listBox{
	background-color:#ffffff;
	overflow-y:scroll;
	border:1px solid #999999;
	height:330px;
}

#adminPanelMain .listBox ul li{
	list-style:none;
	margin:0;
	padding:0;
	height:35px;
	
}

#adminPanelMain .listBox ul li:hover{
	background-color:#BE3426;
}

#adminPanelMain .listBox ul li:hover a{
	color:#ffffff !important;
}

#adminPanelMain .listBox ul li input{
	position:relative;
	float:right;
	width:10%;
	margin-top: -20px;
}

#adminPanelMain .listBox ul li a{
	position:relative;
	float:left;
	width:95%;
	color: #808080 !important;
	height:20px;
	display: block;
	padding:5px;
	font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    font-weight: bold;
	cursor:pointer;
}

.adminPanelSubPage a{
	margin-left:18px;	
}

.traceInput {
    border: 1px solid #808080;
    color: #808080;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 10px;
    margin: 3px 0;
    padding: 2px;
    width: 95%;
}

.jPicker{
	z-index:99999999999999999999 !important;
}

.jPickerActiveHover{
	border:1px solid red !important;	
}

.stylePopUpLeft{
    float: left;
    position: relative;
    text-align: left;
    width: 130px;
}

.apperanceInner input{
    float: right;
    margin-right: 20px;
    position: relative;
    width: 285px;
}

.stylePopUpWrap{
    clear: both;
    height: 25px;
    margin-bottom: 5px;
    position: relative;
}

.cssPopUpH4{
    clear: both;
    display: block;
    float: left;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 20px;
    position: relative;
    text-align: left;
    width: 100%;
}