/*****************Custom Font Support************************/
@import url(http://fonts.googleapis.com/css?family=Ubuntu);
@import url(http://fonts.googleapis.com/css?family=Lato);
/*****************Common Styles**********************/

html, body{
	height: 100%;
	min-height:600px;
}

#body-10{
	overflow-x:hidden !important;
}

#pc-10 #adminHeader, #pc-10 #lngContainer, #pc-10 #mfmc-adminStandardLogin{
	display:none;
}

body{
	background:#fff url('/images/admin/background-right.jpg') repeat-y right top;
	color:#323232;
	font-family:'Lato', Arial, sans-serif;
	font-size:16px;
}

h1,h2,h3,h4,h5{
	color:#000;
	font-weight:normal;
	text-align:center;
}

h1{
	font-size:36px;
}

h2{
	font-size:30px;
}

h3{
	font-size: 18px;
}

a,
input[type="button"]{
	cursor: pointer;
	text-decoration:none;
}

.invalidForm{
	background-color:#FF0000 !important;
}

.pc{
	box-sizing: border-box !important;
	margin: 0 auto;
	min-height: 100%;
	overflow: auto;
	position: relative;
	right: 0;
	width: 100%;
	font-size:12px;
}

.pcpy{
	box-sizing: border-box;
	height: auto;
    margin: 0 auto;
	padding-top:60px;
	padding-bottom: 100px;
    position: relative;
}

.pageText{
    margin: 0 auto;
    max-width: 1004px;
    position: relative;
}

.pcpy > .mfmc{
    margin: 0 auto;
    max-width: 1004px;
    position: relative;
}

.pcpy > .mfmc > .mfmcc{
	position:relative;
}

/*module items in record lists, not for recursive/level > 2 modules*/
.pcpy > .mfmc > .mfmcc > .tempMod {
    border-bottom: 1px solid #9c9c9c;
    box-sizing: border-box;
    cursor: move;
    line-height: 40px;
    min-height: 40px;
    overflow: hidden;
    padding-bottom: 10px;
    padding-top: 10px;
    position: relative;
    text-align: right;
    vertical-align: top;
}

.pcpy > .mfmc > .mfmcc > .tempMod:hover {
	background: #eee none repeat scroll 0 0;
}

/*admin image thumbnails*/
.pcpy > .mfmc > .mfmcc > .mi .gimg {
    height: 40px;
    padding: 0 !important;
    width: auto !important;
}

/*record information, the product listing is wrapped in a form element*/
.tempMod > div, .tempMod > form > div, .tempMod > a, .tempMod > form > a, .tempMod > img, .tempMod > form > img {
    display: inline-block;
    float: left;
    line-height: 20px;
    margin-left: 20px;
    padding-top: 10px;
    text-align: left;
    width: 130px;
}

/*level 2 and 3 modules shoulds be wider*/
.pcpy > .mfmc > .mfmcc > .tempMod > .mfmc {
    padding: 0;
}

.pcpy > .mfmc > .mfmcc > .tempMod > .mfmc > .mfmcc{
    
}

.pcpy > .mfmc > .mfmcc > .tempMod > .mfmc > .mfmcc > .mi{
}

/*we don't want image captions or descriptions for module levels > 2*/
.tempMod .tempMod .gn{
	display:none;
}

#loadingGif{
	left: 0;
	margin: 0 auto;
	display:none;
	position:	absolute;
	right: 0;
	top : 25px;
	z-index: 1000;
}

#moduleItemLang{
	width:200px;
}

#moduleItemLangContainer {
    position: absolute;
    right: 0;
    top: -40px;
    width: 400px;
	text-align:right;
}

#moduleItemLangContainer label{
	display:inline-block;
}

#helpText{
	display:none;
}

.mfp {
    display: table;
    margin: 50px auto 0;
    overflow: auto;
    padding-bottom: 50px;
    padding-top: 25px;
    position: relative;
}

.mfp a {
    color: #000000;
    cursor: pointer;
	display:block;
    float: left;
    font-size: 16px;
    padding: 10px;
    text-align: center;
    text-decoration: none;
}

.pgc:hover, .pgcClicked {
    background: none repeat scroll 0 0 #018AFF !important;
    color: #FFFFFF !important;
}

.pgc {
    background: none repeat scroll 0 0 #FFFFFF;
    padding-left: 20px !important;
    padding-right: 20px !important;
}

.mfpp {
    background: none repeat scroll 0 0 #000000;
    color: #FFFFFF !important;
}

.mfprvp:before{
	content:"< Previous";
}

.mfnp:before{
	content:"Next >";
}

.mfpi{
    background: none repeat scroll 0 0 #000000;
    height: 16px;
    position: relative;
    width: 20px;
}

.mfpi:before{
    color: #FFFFFF;
    content: "...";
    display: block;
    left: 0;
    position: absolute;
    width: 100%;
}

#pageFooter{
	font-size:10px;
	margin-top:30px;
	padding:140px 0 20px 0;
	text-align:center;
}

/*******************************Datepicker********************************/


#ui-datepicker-div{
    background-color: #EEEEEE;
    border: 1px solid #000000;
    border-radius: 8px 8px 8px 8px;
    display:none;
    padding: 10px;
}

.ui-datepicker td a {
    color: #117FFC;
    text-align: center;
    vertical-align: middle;
}

.ui-datepicker td {
    border: 1px solid #000000;
    height: 21px;
    text-align: center;
    vertical-align: middle;
    width: 30px;
}

.ui-datepicker-next, .ui-datepicker-prev{
	display:block;
}

.ui-datepicker-prev{
	float:left;
}

.ui-datepicker-next{
	float:right;
}

.ui-datepicker-title{
	clear:both;
	margin-bottom:10px;
	text-align:center;
}

/*********************Login Page Style**********************/
#contactNumber{
	color: #7fceff;
	font-family: Ubuntu;
	font-size: 26px;
	text-shadow: #0a5b9b 2px -2px 4px;
	height: 94px;
	left: 400px;
	overflow: visible;
	position: absolute;
	text-align: center;
	top: 398px;
	width: 200px;
}

#contactNumber span{
	color: #eee !important
}

#copyright{
	font-size:11px;
	left: 0;
	margin: 0 auto;
	padding-bottom: 30px;
	position: absolute;
	right: 0;
	text-align: center;
	top: 770px;
}

/************Landing Page Style*****************/

#welcomePara{
	margin:100px 0 0 504px;
	text-align:right;
	width:500px;
}

#welcomePara p{
	padding-left:95px;
}

/**********Module Item List Style***********/

#moduleInterface,
#moduleHelp{
	display:inline-block;
}

#moduleInterface{
	margin-right:25px;
	width:675px;
}

#moduleHelp {
    position: absolute;
    right: 0;
    top: -10px;
}

#helpHideButton{

}

#helpText{
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #000000;
    padding: 20px;
    position: absolute;
    right: -150px;
    top: 0;
    width: 1004px;
}

#helpCloseButton{
	display:block;
	position:absolute;
	top:5px;
	right:5px;
}

#helpText:first-letter{
	padding-left:20px;
}

#moduleIndex{
	border-top:1px solid #eee;
	color:#888;
	font-size: 13px;
	margin-top:35px;
}

.moduleIndexHeaderFooter{
	font-size:10px;
	margin-top: 10px;
	position:absolute;
	width:675px;
}

.moduleItem{
	border-bottom: 1px solid #eee;
	cursor:move;
	height:73px;
	margin:5px 0;
	padding-top:6px;
	position: relative;
	vertical-align:middle;
}

.moduleItemDescription p{
	clear: right;
	float:left;
	margin: 0 0 5px 5px;
	padding: 4px 4px;
	width:592px;
}

.moduleItemDescription .galImgPrev{
	float: left;
    height: 70px;
    position: relative;
}

.descriptionInner div{
    display: inline-block;
}

.moduleItem:hover{
	background-color: #eee;
	color:#323232;
}

.moduleItemEdit, .moduleItemDelete, .adminLstLnk, .moduleItemEditDraft, .moduleItemDeleteDraft {
    cursor: pointer !important;
    display: inline-block !important;
    float: none !important;
    padding: 0 !important;
    position: relative;
    text-align: right !important;
    vertical-align: middle;
    width: auto !important;
}

.moduleItemDelete::before, .moduleItemDeleteDraft::before {
    background: transparent url("/images/admin/Sprites.png") repeat scroll -690px center;
    content: "";
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 25px;
}

.moduleItemEdit::before, .moduleItemEditDraft::before {
    background: transparent url("/images/admin/Sprites.png") repeat scroll -640px center;
    content: "";
    display: inline-block;
    height: 20px;
    vertical-align: middle;
    width: 25px;
}

.moduleQuickEdit{
	display:none !important;
}

#moduleItemAdd1{
    left: 0;
    position: absolute;
    top: -45px;
    z-index: 200;
}

#moduleItemAdd2{
    bottom: -35px;
    left: 845px;
    position: absolute;
}

#moduleItemBulk1{
    left: 80px;
    position: absolute;
    top: -45px;
	z-index: 200;
}

#moduleItemBulk2{
    bottom: -35px;
    position: absolute;
    right: 0;
}

#moduleItemArchived1{
    left: 177px;
    position: absolute;
    top: -45px;
	z-index: 200;
}

#moduleItemArchived2{
    bottom: -35px;
    position: absolute;
    right: 178px;
}

.modDspQtyContainer {
    position: absolute;
    right: 0;
    top: -35px;
}

.lstQtyLbl{
	padding-right:10px;
}

#modDspQty{
}

.moduleItemAdd, .moduleItemBulk, .moduleItemArchived{
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
	height:29px;
	background: #1c1c1c;
	line-height:29px;
	color:#FFF;
	padding-left:15px;
	padding-right:15px;
}

.subModuleEdit{
}

/************Module Item Form Style***************/

#moduleContainer{
	display: inline-block;
	margin-right: 25px;
	width:675px;
}

.moduleContainer form[name="moduleForm"]{
	position: relative;
}

.mi:not(.moduleContainerBlk) form[name="moduleForm"] > div {
    display: inline-block;
    margin-bottom: 10px;
    min-height: 30px;
    position: relative;
    width: 49%;
}

.mi:not(.moduleContainerBlk) .ckEditContainer {
    width: 100% !important;
}

.moduleContainer form[name="moduleForm"] div > label {
    display: block;
    font-size: 14px;
    margin: 0 auto;
    padding-bottom: 7px;
	padding-top: 7px;
}

.moduleContainer form[name="moduleForm"] div > input[type='password'],
.moduleContainer form[name="moduleForm"] div > input[type='text'],
.moduleContainer form[name="moduleForm"] div > select{
    background-color: #fff;
    border: 1px solid #adadad;
    box-sizing: border-box;
    font-size: 14px;
    height: 35px;
    margin: 0 auto 13px;
    padding-left: 10px;
    padding-right: 10px;
    width: 400px;
}

.moduleContainer form[name="moduleForm"] div >input[type='button']{
	border:none;
	height: 30px;
	width: 30px;
}

.moduleContainer form[name="moduleForm"]  div > textarea{
	border:1px solid #888;
	border-radius: 0px;
	display: block;
	font-size: 13px;
	min-height: 120px;
	position: relative;
	vertical-align: middle;
	width: 444px;
	margin: 13px auto;
}

.moduleContainer form[name="moduleForm"] div > select{
}

.moduleFormStyledSelect select {

}

.moduleFormStyledSelect {

}

.moduleFormStyledSelect:hover {

}

.mi:not(.moduleContainerBlk) > form > .radioGroupBlock, 
.mi:not(.moduleContainerBlk) > form > .optionsParent {
    display: inline-block !important;
    width: 245px !important;
}

.toggleOptions{
	display:none;
}

.toggleOptions > div{
	box-sizing:border-box;
	padding-left:10px;
}

.optionsParent:hover .toggleOptions{
	max-height: 150px;
    overflow-y: scroll;
    position: absolute;
	z-index: 20;
	display:block !important;
	background:#FFF;
	border:solid #CCC 1px !important;
	border-top:0px;
	top:100%;
	font-size:11px;
	width:300px !important;
}

.optionsParent:after{
	content:"";
	display:block;
	position:absolute;
	width:0px;
	height:0px;
	bottom:0px;
	right:0px;
    border-bottom: 8px solid #0F0;
    border-left: 8px solid transparent;
}

.moduleContainer form[name="moduleForm"] .radioGroupBlock  span,
.moduleContainer form[name="moduleForm"] .subModuleElement .radioGroupBlock span{
    display: inline-block;
    font-size: 11px;
    margin-bottom: 10px;
    margin-top: 10px;
    vertical-align: baseline;
    width: auto !important;
}


.moduleContainer form[name="moduleForm"] .radioGroupBlock span input, 
.moduleContainer form[name="moduleForm"] .subModuleElement .radioGroupBlock span input {
	display:inline !important;
	vertical-align: middle;
	width: auto !important;
	margin-top: 0;
}

.moduleContainer form[name="moduleForm"] div input.buttonAddSmall,
.moduleContainer form[name="moduleForm"] div input.buttonTimeSmall,
.moduleContainer form[name="moduleForm"] div input.buttonDeleteSmall,
.moduleContainer form[name="moduleForm"] div input.buttonEditSmall{
    background: url("/images/admin/button-add-small.jpg") no-repeat scroll left center rgba(0, 0, 0, 0);
    height: 30px;
    line-height: 30px;
    margin: 0;
    overflow: visible;
    padding-left: 30px;
    text-align: left;
    text-indent: 0;
    width: 150px;
}

.moduleContainer form[name="moduleForm"] div input.buttonAddSmall{
	display:none;
}

.moduleContainer form[name="moduleForm"] div input.buttonTimeSmall{
	background: transparent url('/images/admin/button-clock-small.jpg') center 50% no-repeat;
}

.moduleContainer form[name="moduleForm"] div input.buttonDeleteSmall{
	background: transparent url('/images/admin/button-delete-small.jpg') center 50% no-repeat;
}

.moduleContainer form[name="moduleForm"] div input.buttonEditSmall{
	background: transparent url('/images/admin/button-edit-small.jpg') left 50% no-repeat;
	padding-left: 18px;
	width: auto;
}

.moduleContainer form[name="moduleForm"] .adminShowHideParent {
	margin-bottom: 13px;
	cursor: pointer;
}

.moduleContainer form[name="moduleForm"] .adminShowHideParent span{
	font-size: 10px !important;
	position: relative;
	margin-left: 3px !important;
	vertical-align: middle;
	width: 200px !important;
}

.moduleContainer form[name="moduleForm"] .moduleSubElement{
	margin:10px 0;
}

.moduleContainer form[name="moduleForm"] .moduleSubElement > div,
.moduleContainer form[name="moduleForm"] .adminShowHideChild > div{
	margin-left: 50px;
	min-height: 30px;
	margin-bottom:10px;
	position: relative;
}

.moduleContainer form[name="moduleForm"] .moduleSubElement span,
.moduleContainer form[name="moduleForm"] .moduleSubElement label{
	width: 125px;
}

.moduleContainer form[name="moduleForm"] .moduleSubElement span{
	display: inline-block;
	font-size: 13px;
	vertical-align: baseline;
	width: 400px;
}

.adminShowHideChild {
    background: #ffffff none repeat scroll 0 0;
    border: 1px solid #000;
    display: none;
    height: auto;
    max-height: 150px;
    overflow: auto;
    position: absolute !important;
    z-index: 10;
}

.adminShowHideChild div{
	display: block;
	float: left;
	margin-right: 20px;
}

.adminShowHideChild div span{
	width: auto !important;
}

.moduleContainer form[name="moduleForm"] input[name=moduleAddEditBtn], 
input[name=moduleAddEditLiveBtn],
input[name=moduleAddEditDraftBtn],
.moduleIndexButton,
.bulkAll,
.moduleOneMoreBtn
{
	width:250px;
	height:60px;
	color: #FFF;
	background:#1c1c1c;
	border:none;
	display:inline-block;
	text-align:center;
	line-height:60px;
}

.moduleAddEditBtn, .moduleAddEditLiveBtn{
    margin: 30px 20px 0px 75px;
	vertical-align: text-bottom;
}

.moduleAddEditDraftBtn{
    margin: 30px 20px 0px 0px;
	vertical-align: text-bottom;
}

.moduleOneMoreBtn{
     margin: 30px 75px 0px 0px;
	 vertical-align: text-bottom;
}

.moduleIndexButton{
	position:relative;
}

.moduleContainer form[name="moduleForm"] input[name=moduleAddEditBtn]:hover,
.moduleAddEditDraftBtn:hover,.moduleOneMoreBtn:hover{
	background: #0C9BD7;
}

.moduleContainer form[name="moduleForm"] .modSubElRem{
	background: transparent url('/images/admin/button-delete-small.jpg') top left no-repeat;
	height: 16px;
	margin-top: 5px;
	position: absolute;
	right: 0;
	width: 16px;
}

/********ckEditor formatting tweaks*******/
.moduleContainer form[name="moduleForm"] .cke_skin_kama{
	border: none;
	padding: none;
}

.moduleContainer form[name="moduleForm"] .cke{
	margin-bottom:13px;
}

/*******Pages specific formatting**********/

.moduleContainer #linkPageURL{
	//background:url('/images/admin/input-http.jpg') center left no-repeat;
	//padding-left:40px !important;
	//width: 406px !important;
}


/*******Polls specific formatting**********/

#pollOptionsContainer,
#pollSubOptionsContainer{
	margin:30px 0 !important;
}

.moduleContainer form[name=moduleForm] div #oneMorePollOption,
.moduleContainer form[name=moduleForm] div #oneMorePollSubOption{
	background: transparent url('/images/admin/button-add-small.jpg') left 50% no-repeat;
	padding-left: 18px;
	width: auto;
}

/********Date picker formatting**********/
#jspostDate_calendar {
	background: white;
	border: 1px solid #999;
	border-radius: 5px;
	width: 205px;
}

#jspostDate_calendar div,
#jspostDate_calendar td {
	text-align: centre !important;
}

#jspostDate_calendar tbody {
	display: block;
	padding: 5px;
}

#jspostDate_caldayheading td {
	display: inline-block;
	float: left;
	margin-left: 2px;
	text-align: left;
	width: 23px;
}

#jspostDate_caldayheading{
	margin-top: 3px;
}

#jspostDate_calcells{
	margin: 3px 0;
}

#jspostDate_calcells td {
	float: left;
	margin-left: 6px;
	width: 19px;
}

.wkhead{
	display: none;
}


/**validation modal display**/
.modal{
	background-image:url("/images/transparent-40.png");
}

.modal .modalInner{
	background-color: #FFF;
	border: 1px solid #F0F0F0;
	border-radius: 1px;
	-webkit-box-shadow:0px 0px 20px 10px #0251c5;
	-moz-box-shadow:0px 0px 20px 10px #0251c5;
	-o-box-shadow:0px 0px 20px 10px #0251c5;
	box-shadow:0px 0px 20px 10px #0251c5;
	color: #000;
	overflow-x:hidden;
	padding-bottom: 8px;
	text-align: center;
}

.modal-formError .modalInner > span{
	display: block;
	color: #CCC;
	font: italic 400 13px/13px "Arial","Helvetica",sans-serif;
	margin-bottom: 12px;
}

.modal-formError .modalInner > div{
	height: 90%;
	overflow-x: hidden;
	overflow-y: scroll;
}

.modal-formError .modalInner > span:first-child{
	color: #000;
	font-size: 22px;
	line-height: 22px;
	margin: 12px 0 2px;
}

.modal-formError ul li{
	font-style: italic;	
	padding: 0px 20px 6px 20px;
	position: relative;
	text-align: left;
}

.modalInner ul{
    margin-top: 12px;
}

.modal-formError ul li > span{
	font: 600 14px/14px "Arial","Helvetica",sans-serif;
	margin-right: 10px;
	text-align: left;
}

.modalInner li span{
    font-style: normal;
    padding-right: 13px;
}

.modalInner li{
    font-style: italic;
}

.modalErrorMsg{
    font-size: 12px;
    font-weight: 700;
}

.modalInner{
    margin-top: 5px;
    padding-top: 20px;
}