/*-------------------------------------------------------------------------------------------*/
/* OptionsFramework Admin Styles */
/*-------------------------------------------------------------------------------------------*/
/*/ Fonts /*/
@font-face {
	font-family: 'MhgozFontl';
	src: url('MHGOZ-Light.eot');
	src: url('MHGOZ-Light.eot?#iefix') format('embedded-opentype'),  url('MHGOZ-Light.woff') format('woff'),  url('MHGOZ-Light.ttf') format('truetype'),  url('MHGOZ-Light.svg#MHGOZ-Light') format('svg');
	font-weight: normal;
	font-style: normal;
}
/*/ NAV Icons /*/
#of-option-1--tab,#of-option-2--tab,#of-option-3--tab,#of-option-4--tab,#of-option-5--tab,#of-option-6--tab{
	background-repeat:no-repeat;
	background-position:center right;
	padding-right:30px;		
}
#of-option-1--tab{
	background-image:url(../images/icons/paint_brush.png);
}
#of-option-2--tab{
	background-image:url(../images/icons/user.png);
}
#of-option-3--tab{
	background-image:url(../images/icons/like.png);
}
#of-option-4--tab{
	background-image:url(../images/icons/database.png);
}
#of-option-5--tab{
	background-image:url(../images/icons/settings.png);
}
#of-option-6--tab{
	background-image:url(../images/icons/info.png);
}
/*/ General Nav /*/
.extern-links a {
    color: #9a9a9a !important;
    display: block;
    float: right;
    font: 10px tahoma !important;
    margin-right: 6px !important;
    margin-left: 6px !important;
    margin-bottom: 2px !important;
    text-decoration: none;
}
.nav-tab{
	border-radius:0px;
	border:none;
}
 .nav-tab:active, .nav-tab:hover{
	 border-color:transparent;
	 color:#1397AD;
	  }
.nav-tab {
    -moz-transition: border 0.2s ease 0s;
    background: none repeat scroll 0 0 #1C1C1C;
    border-bottom: 1px solid #1B1B1B !important;
    border-right: 5px solid #666666;
    border-top: 1px solid #323232 !important;
    color: #999999;
    cursor: pointer;
    display: block;
    margin: 0;
    min-height: 25px;
    text-shadow: 1px 1px 0 #000000 !important;
    width: 100%;
    border-bottom: 1px solid #1B1B1B;
    border-top: 1px solid #323232;	
    -moz-transition: border 0.2s ease 0s;
    background: -moz-linear-gradient(center top , #292929 0pt, #252525 100%) repeat scroll 0 0 #272727;
    border-right: 4px solid transparent;
    cursor: pointer;
    display: block;
    font-size: 11px;
    line-height: 28px;
    margin: 0;
    min-height: 28px;
    padding: 0 5px 0 10px;
}
h2 .nav-tab {
    font-family: "MhgozFontl",Tahoma;
    font-size: 12px;
    font-weight: bold;
    height: 28px;
    line-height: 30px;
    margin-right: 2px;
    max-width: 130px;
}
.nav-tab-active, nav-tab:hover{ color:#1397AD;}

h2.nav-tab-wrapper, h3.nav-tab-wrapper {
    background: none repeat scroll 0 0 #292929;
    border-bottom: 1px solid #CCCCCC;
    border-radius: 5px 5px 5px 5px;
    float: right;
    font-family: "MhgozFontl",Tahoma;
    height: auto;
    margin-right: 5px;
    margin-top: 11px;
    min-height: 500px;
    overflow: hidden;
    width: 165px;
    z-index: 9999;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;

}
.Mhgozlogo {
    background-image: url("../images/delight.png");
    background-position: center top;
    background-repeat: no-repeat;
    height: 100px;
    margin-top: -23px;
    width: 100%;
	margin-right:5px;
}
.OP-th-Info {
font-size: 27px;
font-family: Tahoma, Geneva, sans-serif;
color: #2F2F2F;
text-shadow: #1C1C1C 1px 1px 0px;
margin-right: 10px;
}
.small-info-o-op {
font-size: 12px;
font-weight: normal;
font-family: "Courier New", Courier, monospace;
margin-top: -9px;
display: block;
}
#wpbody-content .metabox-holder {
    margin-right: 200px;
    padding-top: 10px;
    width: 570px;
}
.updated {
	max-width:764px;
	margin-bottom:0px !important;
}
#optionsframework {
	position:relative;
	z-index: 0;
	max-width:780px;
	background:#fff;
}
#optionsframework p {
    line-height: 17px;
    margin-bottom: 0;
}
#optionsframework .section {
	padding:10px 10px 0;
}
#optionsframework .group {
    background-image: url("../images/bgt.png");
    border-style: none !important;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.1);
    float: right;
    padding-bottom: 40px;
    text-shadow: 1px 1px 0 #FFFFFF;
}
#optionsframework .section .heading {
padding: 10px 0px;
margin: 0 0 15px;
border-bottom: 1px solid #DFDFDF;
background: url("../images/icons/16/sunny.png") no-repeat;
background-position: center right;
padding-right: 28px;
}
#optionsframework .section .controls {
    float: right;
    padding-left: 2%;
    width: 93%;
}
#optionsframework .section .explain {
	float: right;
	background-image:url(../images/icons/info.png);
	height:24px; width:24px; display:block;
	font-size:0px;
	text-decoration:none;
}
#optionsframework .section-checkbox .controls {
	width: 98%;
}
#optionsframework .section-checkbox .explain {
	max-width:94%;
}
#optionsframework .section-color .controls {
	min-width:125px;
	width:125px
}
#optionsframework .controls input, #optionsframework .controls select, #optionsframework .controls textarea {
	margin-bottom:10px;
	width:100%;
}
#optionsframework .section-radio label, #optionsframework .section-multicheck label {
	float:right;
	max-width:90%;
	line-height: 16px;
	margin-bottom: 5px;
}
#optionsframework input.checkbox, #optionsframework input.of-radio {
	width: 30px;
	float:right;
	clear:both;
}
#optionsframework .controls .of-color {
	float:right;
	width: 80px;
	margin-left:5px;
	margin-right:5px;
}
#optionsframework .controls .of-typography-size {
	width:80px;
	margin-right:5px;
	float:right
}
#optionsframework .controls .of-typography-unit {
	width:50px;
	margin-right:5px;
	float:right
}
#optionsframework .controls .of-typography-face {
	width:100px;
	margin-right:5px;
	float:right
}
#optionsframework .controls .of-typography-style {
	width:80px;
	margin-right:5px;
	margin-left:5px;
	float:right
}
#optionsframework .of-background-properties {
	clear:both;
	margin-top: 18px;	
}
#optionsframework .controls .of-background-repeat {
	width:125px;
	margin-left:5px;
	float:right
}
#optionsframework .controls .of-background-position {
	width:125px;
	margin-left:5px;
	float:right
}
#optionsframework .controls .of-background-attachment {
	width:125px;
	margin-right:5px;
	float:left
}
#optionsframework div.section-background .controls input.upload {
	width:47%;
}
#optionsframework .controls .of-radio-img-img {
	border:3px solid #f9f9f9;
	margin:0 5px 10px 0;
	display:none;
	cursor:pointer;
	float:left;
}
#optionsframework .controls .of-radio-img-selected {
	border:3px solid #ccc
}
#optionsframework .controls .of-radio-img-img:hover {
	opacity:.8;
}
#optionsframework .controls .of-border-width {
	width:80px;
	float:left
}
#optionsframework .controls .of-border-style {
	width:120px;
	float:left
}
#optionsframework .hide {
	display:none;
}
#optionsframework .of-option-image {
	max-width:340px;
	margin:3px 0 18px 0;
}
#optionsframework .mini .controls select, #optionsframework .section .mini .controls {
	width: 140px;
}
#optionsframework .mini .controls input, #optionsframework .mini .controls {
	min-width:140px;
	width: 140px;
}
#optionsframework .mini .explain {
	max-width:74%;
}
/* Image Uploader */

#optionsframework .controls input.upload {
	width:78%;
}
#optionsframework .controls input.upload_button {
    background: url("../images/bgs.png") repeat scroll center -185px transparent;
    border-color: #BBBBBB;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
    cursor: pointer;
    float: left;
    height: 16px;
    line-height: 6px;
    padding-bottom: 6px;
    width: 45px;
}
#optionsframework .controls input.upload_button:hover {
	border-color:#666666;
	color:#000;
}
#optionsframework .screenshot {
	float:left;
	margin-left:1px;
	position:relative;
	width:344px;
	margin-top:3px;
}
#optionsframework .screenshot img {
	background:#FAFAFA;
	border-color:#ccc #eee #eee #ccc;
	border-style:solid;
	border-width:1px;
	float:left;
	max-width:334px;
	padding:4px;
	margin-bottom:10px;
}
#optionsframework .screenshot .mlu_remove {
	background:url("../images/icons/bin.png") no-repeat;
	border:medium none;
	bottom:4px;
	display:block;
	float:left;
	height:24px;
	padding:0;
	position:absolute;
	left:-4px;
	text-indent:-9999px;
	width:24px;
}
#optionsframework .screenshot .no_image .file_link {
	margin-left: 20px;
}
#optionsframework .screenshot .no_image .mlu_remove {
	bottom: 0px;
}
#optionsframework .reset-button {
    background: url("../images/bgs.png") repeat scroll center -142px transparent;
    border: 1px solid #292929;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.2);
    color: #777777;
    float: left;
    font-weight: bold;
    text-shadow: 1px 1px 0 #292929;
}
#optionsframework .reset-button:hover {
	background:url("../images/bgs.png") center top;
	box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
	color:#fff;
	border:1px solid #BB6443;
	text-shadow:1px 1px 0 #E8714E
}

/* Bottom Section */
.widget .widget-top, .postbox h3, .stuffbox h3 {
    background: url("../images/bgs.png") repeat scroll center -138px transparent;
    border-radius: 2px 2px 0 0;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    height: 18px;
    line-height: 18px;
    margin-left: -1px;
    margin-right: -1px;
    text-shadow: 1px 1px 0 #292929;
    width: 550px;
}
	
#optionsframework-submit {
    background: url("../images/bgs.png") repeat scroll center -138px transparent;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 white;
    clear: both;
    color: #FFFFFF;
    margin-left: -1px;
    margin-right: -1px;
    padding: 8px;
    text-shadow: 1px 1px 0 #292929;
}
#optionsframework .button-primary {
    background: url("../images/bgs.png") repeat scroll center -47px transparent;
    border: 1px solid #0E7384;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
    float: right;
}
#optionsframework .button-primary:hover {
	float:right;
	background:url("../images/bgs.png") center -150px;
	border:#333 1px solid;
	border-radius:3px;
}

/* Top icon */

#icon-settings, #icon-import-export {
    background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-origin: padding-box;
    background-repeat: no-repeat;
    background-size: auto auto;
}

#icon-settings {
    background-image: url("../images/options-settings32.png?");
}

#icon-import-export {
    background-image: url("../images/import-export32.png?");
}

/* Extern Links on top */

.extern-links {
	margin:10px 0;
	padding: 10px 0;
	max-width:764px;
	text-align:right;
}

.extern-links a {
    color: #34759B;
    cursor: pointer;
    display: block;
    float: right;
    font: 14px Arial,Helvetica,sans-serif;
    margin: 0 0 0 20px;
    text-decoration: none;
}


span.icon span { 
	padding: 0px 0px 0px 40px; 
	display: block; 
	height: 34px; 
	line-height: 32px; 
}
 
a.icon-a:hover { 
	text-decoration: underline; 
}
 
a.icon-support span.icon span { 
	background: url(../images/support.png) no-repeat 15px 8px; 
}

a.icon-documentation span.icon span { 
	background: url(../images/documentation.png) no-repeat 15px 8px; 
}

a.icon-gallery span.icon span { 
	background: url(../images/gallery.png) no-repeat 15px 8px; 
}
 
.clear {
	display:block;
	clear:both;
}

/* background:url("../images/ico-delete.png") no-repeat; */

/* Backup Settings */

.import, .export {
    background-color: #E6E6E6;
	border: 1px solid #D7D7D7;
    border-radius: 3px 3px 3px 3px;
    box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
    margin: 20px 0;
    padding: 0 20px 20px 10px;
    text-align: right;
    text-shadow: 1px 1px 0 #F9F9F9;
}

.import label {
	display:block;
	padding: 0 0 5px 0;
}
.button{
    -moz-font-feature-settings: normal!important;
    -moz-font-language-override: normal!important;
    border-radius: 4px 4px 4px 4px!important;
    cursor: pointer!important;
    display: inline-block!important;
    font-size: 10px!important;
    font-size-adjust: none!important;
    font-stretch: normal!important;
    font-style: normal!important;
    font-variant: normal!important;
    font-weight: bold!important;
    text-align: center!important;
    text-transform: uppercase!important;
}
#settings-icon{
	height:36px;
	width:198px;
	background-image: url(../images/options-settings32.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	float:right;
}
#update-notes{
	clear:both;
	text-align:right;
	width:756px;
	padding:5px 5px 10px 5px;
	background-color:#ed9270;
	border-radius:3px;
	border:#bb6443 1px solid;
	color:#FFF;
	text-shadow:#e8714e 1px 1px 0px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
#update-icon{
	height:30px;
	width:223px;
	background-image: url(../images/update.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	float:right;
}
#feed-mhgoz{
	float:left;
	width:400px;
}
#feed-tip{
	text-align:right;
	width:390px;
	padding:5px 5px 15px 5px;
	background-color:#8bb866;
	border-radius:3px;
	border:#61903a 1px solid;
	color:#FFF;
	text-shadow:#68a347 1px 1px 0px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
#feed-icon{
	height:30px;
	width:272px;
	background-image: url(../images/feed.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	float:right;
}

.feed-links{
	width:216px;
	margin-left:5px;
}

#welcome-mhgoz{
	width:360px;
	float:right;
	margin-left:4px;
}
#welcome-icon{
	height:30px;
	width:222px;
	background-image: url(../images/welcome.png);
	background-position: center top;
	background-repeat:no-repeat;
	display:block;
	float:right;
}
#welcome-tip {
text-align: right;
width: 345px;
padding: 5px 5px 15px 5px;
background-color: #1397AD;
border-radius: 3px;
border: #0E7384 1px solid;
color: white;
text-shadow: #0E7384 1px 1px 0px;
box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
.welcome-links {
margin-left: 10px;
width: 180px;
}
.site-url-links{
	padding:3px;
	background-color:#dbdbdb;
	border-radius:2px;
	border:#a5a5a5 1px solid;
	text-shadow:#f1f1f1 1px 1px 0px;
	display:block;
	float:left;
	margin-top:-12px;
	box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4) inset, 0 0 0 1px rgba(255, 255, 255, 0.2) inset, 0 1px 0 rgba(255, 255, 255, 0.5);
}
textarea, input[type="text"], input[type="password"], input[type="file"], input[type="button"], input[type="submit"], input[type="reset"], input[type="email"], input[type="number"], input[type="search"], input[type="tel"], input[type="url"], select {
	background-color:transparent;
	border:none;
}
.searchFilter {
    color: #FFFFFF;
    font-size: 12px;
    font-weight: bold;
    margin-bottom: 12px;
    margin-right: 22px;
    margin-top: 15px;
    text-shadow: 1px 1px 0 #1C1C1C;
	opacity:0.5;
}
.searchFilter, #optionsframework .controls input.upload, #optionsframework .controls input, #optionsframework .controls select, #myModal input {
    background: url("../images/bgs.png") repeat scroll center -185px transparent;
    border-color: #BBBBBB;
    box-shadow: 0 0 12px rgba(0, 0, 0, 0.05) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
    height: 28px;
    width: 78%;
}
#optionsframework .controls textarea, #myModal textarea {
box-shadow: 0 0 12px rgba(0, 0, 0, 0.3) inset, 0 1px 0 rgba(255, 255, 255, 0.6);
background: none;
padding: 10px;
}

/*/ Icons /*/
@font-face {
  font-family: 'IconicStroke';
    src: url("iconic_stroke.eot");
    src: local('IconicStroke'),
       url("iconic_stroke.svg#iconic") format('svg'),
	   url("iconic_stroke.otf") format('opentype');
}

.iconic {
color: inherit !important;
float: right !important;
font-family: "IconicStroke";
font-size: 22px !important;
padding-left: 10px !important;
padding-top: 2px!important;
margin-right: 10px;
}
/*	--------------------------------------------------
	Reveal Modals
	-------------------------------------------------- */
		
	.reveal-modal-bg { 
		position: fixed; 
		height: 100%;
		width: 100%;
		background: #000;
		background: rgba(0,0,0,.8);
		z-index: 100;
		display: none;
		top: 0;
		left: 0; 
		}
	
	.reveal-modal {
		visibility: hidden;
		top: 100px; 
		left: 50%;
		margin-left: -300px;
		width: 520px;
		background: #eee url(modal-gloss.png) no-repeat -200px -80px;
		position: absolute;
		z-index: 101;
		padding: 30px 40px 34px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		border-radius: 5px;
		-moz-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-webkit-box-shadow: 0 0 10px rgba(0,0,0,.4);
		-box-shadow: 0 0 10px rgba(0,0,0,.4);
		}
		
	.reveal-modal.small 		{ width: 200px; margin-left: -140px;}
	.reveal-modal.medium 		{ width: 400px; margin-left: -240px;}
	.reveal-modal.large 		{ width: 600px; margin-left: -340px;}
	.reveal-modal.xlarge 		{ width: 800px; margin-left: -440px;}
	
	.reveal-modal .close-reveal-modal {
		font-size: 22px;
		line-height: .5;
		position: absolute;
		top: 8px;
		right: 11px;
		color: #aaa;
		text-shadow: 0 -1px 1px rbga(0,0,0,.6);
		font-weight: bold;
		cursor: pointer;
		} 
/*/ Custome For AD Section and Show And Hide /*/
#section-mhgoz_fullbackground,#section-mhgoz_bgpostion,#section-mhgoz_bgreap,#section-mhgoz_bgatta,#section-mhgoz_htmyinfo
,#section-mhgoz_name_text, #section-mhgoz_pdate_text, #section-mhgoz_pdate_text, #section-mhgoz_live_text, #section-mhgoz_work_text, #section-mhgoz_stud_text, #section-mhgoz_hobi_text
{ display:none}
input#mhgoz_showhidden_fullbg ,input#mhgoz_showhidden_proinfo, input#mhgoz_showhidden_htmyinfo {
    display: block;
    float: left;
    margin-right: 225px;
    margin-top: -45px;
    width: auto !important;
}
input#mhgoz_showhidden_proinfo ,input#mhgoz_showhidden_htmyinfo { margin-right:320px;}
label#section-mhgoz_showhidden_fullbg a, label#section-mhgoz_showhidden_proinfo a , label#section-mhgoz_showhidden_htmyinfo a{
	text-decoration:none; display:block; height:24px; width:24px;
}
label#section-mhgoz_showhidden_fullbg, label#section-mhgoz_showhidden_proinfo, label#section-mhgoz_showhidden_htmyinfo{
float: left;
margin-top: -45px;
display: block;
margin-right: -2px;
}


#optionsframework .section label a { background-image:none !important; width:30px;}
