@charset "utf-8";
/* CSS Document */

html,body {
    margin:0;
    padding:0;
}


*:focus {
    outline: 0;
}



a, abbr, acronym, address, applet, article, aside, audio,
b, blockquote, big, body,
center, canvas, caption, cite, code, command,
datalist, dd, del, details, dfn, dl, div, dt,
em, embed,
fieldset, figcaption, figure, font, footer, form,
h1, h2, h3, h4, h5, h6, header, hgroup, html,
i, iframe, img, ins,
kbd,
keygen,
label, legend, li,
meter,
nav,
object, ol, output,
p, pre, progress,
q,
s, samp, section, small, span, source, strike, strong, sub, sup,
tfoot, thead, tdvideo, tt,
u, ul,
var{
    background: transparent;
    border: 0 none;
    font-size: 100%;
    margin: 0;
		padding: 0;
		border: 0;
		outline: 0;
    vertical-align: top; }

ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
/*
img {
	vertical-align:top;
}
embed {
	vertical-align:top;
}*/
* { border:none}


img { border:none;}
a { outline:none;}



::-webkit-input-placeholder {
    color: #dad8d9;
}

:-moz-placeholder {
    color: #dad8d9;
}

::-moz-placeholder {
    color: #dad8d9;
}

:-ms-input-placeholder {
    color: #dad8d9;
}




.ClearBoth{
    clear: both;
}

.left{text-align:left;}

#PanelWrapper{
	background: #595959;
	width: 1500px;
	min-height: 520px;
	margin: 0 auto;

}

.PanelMainCaption{
    font-size: 25px;
    font-family: "gotham_narrowmedium", sans-serif ;
    margin-top: 45px;
}

.SubmitPanel{
    width: 100%;
	margin-top: 20px;
	float: left;

}

.SubmitPanelContainer{
    height: 59px;
    width: 250px;
    text-align: center;
    margin: 0 auto;
    padding-top: 25px;
	position: relative;

}

.SubmitPanelMenuBtn{

    width: 110px;
    height: 23px;
    background: #6b696a;
	border: 1px solid #94908f;
    text-align: center;
    display: block;
    float: left;
    font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 12px;
    padding-top: 9px;
    color: #dad8d9;
    text-decoration: none;
    margin-right: 12px;
}


.SubmitPanelMenuBtn:hover{

    background: #928f91;
}


.PanelMenuContainer{
    height: 59px;
    width: 880px;
    text-align: center;
    border-bottom: 1px #000000 solid;
    border-top: 1px #000000 solid;
    margin-top: 15px;
    margin-bottom: 55px;
    padding-top: 25px;

}

/*
.PanelMenuBtn{

    width: 160px;
    height: 23px;
    background: #ffffff;
    border: 1px solid #000000;
    text-align: center;
    display: block;
    float: left;
    font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 12px;
    padding-top: 9px;
    color: #000000;
    text-decoration: none;
    margin-right: 12px;
}

.PanelMenuBtn.Last{
    margin-right: 0;
}

.PanelMenuBtn.Selected{

     background: #928f91;

 }

.PanelMenuBtn:hover{

    background: #928f91;

}
*/


.PanelContentBox{

    width: 1500px;
    min-height: 500px;
	float:left;
}




.BoxNumber{

    border-radius: 50%;
    width: 32px;
    height: 25px;
    border: 1px solid #cccccc;
    background: #928f91;
    text-align: center;
    padding-top: 7px;
    font-family: "gotham_narrowbold",sans-serif;
    font-size: 14px;
    position: absolute;
    top: -18px;
    left: -22px;
    z-index: 20;

}


.BoxCaption{

    position: absolute;
    top: -17px;
    left: 0;
    height: 24px;
    width: 270px;
    border: 1px solid #000000;
    font-family: "gotham_narrowbold",sans-serif;
    font-size: 14px;
    background: #ffffff;
    z-index: 10;
    padding-left: 26px;
    padding-top: 6px;

}

.YayinBilgiColumn{
    float: left;
    min-height: 180px;
	width: 1450px;


}

.YayinBilgiColumn .colWrapper{
    margin-left: 20px;
	margin-top: 20px;
	width: 435px;
	float: left;
}

.YayinBilgiColumn .colWrapper2{
	margin-top: 20px;
	width: 900px;
	float: left;

}



.YayinBilgiColumn.BorderLeft{

    border-left: 1px solid #cccccc;
}

.YayinBilgiColumn .topRow{

    width: 85%;
    height: 95px;
    padding: 42px 0 10px 42px;

}


.YayinBilgiColumn .topRow.Small{

    width: 85%;
    height: 144px;
    padding: 20px 0 10px 42px;

}


.YayinBilgiColumn .bottomRow{

    border-top: 1px solid #cccccc;
    height: 50px;
    padding: 55px 40px 0;
    width: 206px;

}


.YayinBilgiColumn .bottomRow.Small{

    border-top: 1px solid #cccccc;
    height: 50px;
    padding: 40px 40px 0;
    width: 206px;

}

.YayinBilgiColumn.Last{
    width: 280px;
}

.PanelContentBox .FieldContent{
    
	float:left;
	margin-left: 10px;

}

.PanelContentBox .FieldContent .FieldCaption{
    font-family: "Arial",sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
	height: 10px;
}

.PanelContentBox .UserContent{
    
	float:left;
	margin-left: 10px;
	font-family: "Arial",sans-serif;
    font-size: 25px;
	text-align:center;

}

.PanelContentBox .UserContent .FieldCaption{
    font-family: "Arial",sans-serif;
    font-size: 15px;
    margin-bottom: 10px;
	height: 10px;
}

/*
.PanelContentBox .FieldCaption span.Bold{
    font-family: "Arial",sans-serif;
    font-size: 11px;
}
*/
.Bold{
    font-weight: bold;
}

.PanelContentBox .FieldCaption.TagCaption{
    margin-top: 20px;
}



.PanelContentBox .FieldCaptionCenter{
    font-family: "Arial",sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    text-align: center;
    height: 90px;
}


.PanelContentBox .FieldCaptionSwitch{
    font-family: "Arial",sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    height: 90px;
    margin-top: 8px;
    width: 100px;
    float: left;
}

.PubStatus{
    margin: 0 auto;
    width: 170px;
}

.PubStatus2{
    float:left;
    width: 125px;
}

.PanelContentBox .FieldCaptionSwitchSmall{
    font-family: "Arial",sans-serif;
    font-size: 11px;
    margin-bottom: 10px;
    height: 50px;
    margin-top: 8px;
    width: 100px;
    float: left;
}

.PanelContentBox .FieldCaptionSwitchSmall2{
	font-family: "Arial",sans-serif;
    font-size: 11px;
	min-height: 68px;
	width: 60px;
	float: left;
	text-align: center;
}

.PubStatus2.O1{
	margin-left: 4px;
}
.PubStatus2.O2{
	margin-left: 17px;
}
.PubStatus2.O3{
	margin-left: 19px;
}

.PanelContentBox .FieldImageInfo{
	font-family: "Arial",sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 25px;
	color: #000;
	width: 99%;
}
.Center{
	text-align:center;
}

.PanelContentBox .FieldImageInfo2{
	float:left;
	font-family: "Arial",sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #000;
	
}

.PanelContentBox .FieldImageInfo2.O1{
	margin-left: 12px;
}
.PanelContentBox .FieldImageInfo2.O2{
	margin-left: 25px;
}

.PanelContentBox .FieldImageInfo2.O3{
	margin-left: 24px;
}

.PanelContentBox .FieldImageInfo3{
	float:left;
	font-family: "Arial",sans-serif;
	font-size: 12px;
	margin-bottom: 15px;
	margin-top: 15px;
	color: #000;
	width: 100%;
	text-align:center;
}

.PanelContentBox .FieldImageInfo4{
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
	font-size: 11px;
	margin-bottom: 0px;
	margin-top: 3px;
	color: #fff;
	
}

.PanelContentBox .FieldImageInfo5{
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
	font-size: 11px;
	margin-left: 175px;
    margin-top: -25px;
	color: #fff;
	
}

.PanelContentBox .FieldImageInfo6{
	margin-left: 175px;
    margin-top: -25px;
	
}
.PanelContentBox .item-select .jqTransformSelectWrapper {

    background: #595959;
    border: 1px solid #99928c;
    width: 195px!important;
    margin-right: 10px;
    margin-bottom: 12px;
	color:#aeaeae;

}


.PanelContentBox .item-select .jqTransformSelectWrapper div span {

    font-size: 11px;
    font-family: "Arial", sans-serif;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 31px;
    line-height: 15px;
    padding: 8px 0 0 12px;
    overflow: hidden;
    cursor:pointer;
    color:#aeaeae;
}
.PanelContentBox .item-select .jqTransformSelectWrapper ul{
    width: 194px!important;

}

.PanelContentBox .item-select .jqTransformSelectWrapper ul a{
    font-size: 11px;
    font-family: "Arial", sans-serif;
}


.PanelContentBox .item-select .jqTransformSelectWrapper ul a.selected{
    font-size: 11px;
    font-family: "Arial", sans-serif;
}




.PanelContentBox .FieldInput{
    border: 1px solid #99928c;
    height: 30px;
    font-size: 12px;
    font-family: "Arial", sans-serif;
    padding: 0 10px 0 10px;
    width: 174px;
    margin-bottom: 10px;
    float: left;
	background: #595959;
	color:#aeaeae;
}


.ImagesInput{
    border: 1px solid #99928c;
    min-height: 30px;
    width: 30px;
    float: left;
	margin-bottom: 10px;
	background: #595959;
	color:#aeaeae;
}



.PanelContentBox .FieldInput.TagInput{

    width: 175px;

}



.PanelContentBox .FieldInput.Saat{

    width: 160px;

}





.SwitchButton{

    width: 64px;
    height: 26px;
    position: relative;
    float: right;
    display: block;
    cursor: pointer;

}

.SwitchButton.FloatLeft{
    float: left;
}

.SwitchButtonMask{

    overflow: hidden;
    width: 64px;
    height: 26px;
    position: relative;
}



.SwitchButton .SwitchOn{
    width: 64px;
    height: 26px;
    background: url("../images/switch-btn-bg.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 0;
    display: none;

}



.SwitchButton .SwitchOff{
    width: 64px;
    height: 26px;
    background: url("../images/switch-btn-bg.png") no-repeat 0 -26px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;

}


.SwitchButton .SwitchWarning{
    width: 64px;
    height: 26px;
    background: url("../images/switch-btn-bg.png") no-repeat 0 -52px;
    position: absolute;
    top: 0;
    left: 0;
    display: none;
}


.SwitchButton .SwitchPin{
    width: 34px;
    height: 43px;
    background: url("../images/switch-btn-pin.png") no-repeat 0 0;
    position: absolute;
    top: 0;
    left: 35px;
    z-index: 90;
}



/* css for timepicker */
.ui-timepicker-div .ui-widget-header { margin-bottom: 8px; }
.ui-timepicker-div dl { text-align: left; }
.ui-timepicker-div dl dt { float: left; clear:left; padding: 0 0 0 5px; }
.ui-timepicker-div dl dd { margin: 0 10px 10px 45%; }
.ui-timepicker-div td { font-size: 90%; }
.ui-tpicker-grid-label { background: none; border: none; margin: 0; padding: 0; }

.ui-timepicker-rtl{ direction: rtl; }
.ui-timepicker-rtl dl { text-align: right; padding: 0 5px 0 0; }
.ui-timepicker-rtl dl dt{ float: right; clear: right; }
.ui-timepicker-rtl dl dd { margin: 0 45% 10px 10px; }



.ui-widget {
    font-family: "gotham_narrowmedium",sans-serif;
    font-size: 0.8em;
}

#ui-datepicker-div{
    z-index: 99!important;
}

.PanelContentBox .Row{
	width: 456px;
	border: 2px solid #5a5859;
	min-height: 420px;
	padding: 20px 0px 10px 40px;
	background: #6b6a69;
	float: left;
}

.PanelContentBox .Row .FieldCaption, .PanelContentBox .Row2 .FieldCaption, .PanelContentBox .Row3 .FieldCaption{
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 16px;
}

.FieldCaption2{
	font-family: "gotham_narrowlight",sans-serif;
    font-size: 17px;
	float: left;
}

.FieldCaption3{
	font-family: "gotham_narrowlight",sans-serif;
    font-size: 13px;
	float: left;
	margin:2px;
}


.PanelContentBox .Row.Last{

    min-height: 50px;
    height: 100%;
    border-bottom: none;
    padding-top: 5px;

}


.PanelContentBox .Row2{
	width: 456px;
	border: 2px solid #5a5859;
	min-height: 101px;
	padding: 20px 0px 10px 40px;
	background: #6b6a69;
	float: left;
}

.PanelContentBox .Row3{
	width: 706px;
	border: 2px solid #5a5859;
	min-height: 99px;
	padding: 20px 0px 10px 40px;
	background: #6b6a69;
	float: left;
}

.PanelContentBox .Row4{
	width: 240px;
	border: 2px solid #5a5859;
	min-height: 99px;
	padding: 20px 0px 10px 8px;
	background: #6b6a69;
	float: left;
}
.PanelContentBox .Row5{
	width: 484px;
	border: 2px solid #5a5859;
	min-height: 506px;
	padding: 20px 0px 10px 8px;
	background: #6b6a69;
	float: left;
}

.PanelContentBox .Row6{
	width: 456px;
	border: 2px solid #5a5859;
	min-height: 56px;
	padding: 30px 0px 9px 40px;
	background: #6b6a69;
	float: left;
}

.TagSelectColumn{

    width: 252px;
    float: left;
    margin-right: 12px;

}



.TagListContainer{

    min-height: 130px;
    height: 100%;
    width: 200px;

}


.TagListContainer ul{

    margin: 0;
    padding: 0;

}

.TagListContainer ul li{

    list-style: none;
    float: left;
    margin-right: 4px;
    font-size: 12px;
    font-family: 'Arial', sans-serif;
    height: 18px;
    background: #e9e7e8;
	color: #737172;
    padding-top: 5px;
    margin-bottom: 8px;
    padding-left: 8px;


}


.TagListContainer ul li a{

    height: 23px;
    width: 23px;
    display: block;
    background: url("../images/tag-item-bg.png") no-repeat 0 0;
    float: right;
    position: relative;
    top: -5px;

}


.TagSelectBox{

    padding: 10px;
    border: 1px solid #000000;
    min-height: 100px;

}


.PanelContentBox .ColumnLeft{

    float: left;
	width: 100%;
	min-height: 100px;
    padding-top: 25px;
    /*position: relative;*/


}

.PanelContentBox .ColumnRight{

    float: left;
    width: 415px;
    min-height: 50px;
    padding-top: 5px;
    position: relative;


}

.TopM10{

    margin-top: 10px;

}

.TopM30{

    margin-top: 30px;

}
.LeftM10{

    margin-left: 10px;

}
.LeftM30{

    margin-left: 30px;

}

.LeftM67{

    margin-left: 67px;

}

.PanelContentBox .ColumnRight.Low{

    margin-top: 6px;

}

.PanelContentBox .ColumnLeft.High{

    margin-top: 30px;

}

.PanelContentBox .ColumnLeft.Low{

    margin-top: 6px;

}


.PanelContentBox .Row.Inner{

    padding-left: 64px;

}


.PanelContentBox .main_slider_image{

    float: left;
    width: 379px;
    height: 211px;
    background:url('../images/panel-sample-image-04-1.png');
	margin-top: 47px;
	margin-left: 15px;
}

#SampleImage0{
    height: 131px;
	width: 352px;
	float: left;
	margin-top: 61px;
	margin-left: 11px;
}

.PanelContentBox .category_image{

    float: left;
    width: 379px;
    height: 211px;
    background:url('../images/panel-sample-image-04.png');
	margin-top: 47px;
	margin-left: 15px;
}

#SampleImage1{
   width: 63px;
   height: 39px;
   float: left;
	margin-top: 89px;
	margin-left: 14px;
}


.PanelContentBox .small_slider_image{

    float: left;
    width: 420px;
    height: 262px;
    background:url('../images/panel-sample-image-04-2.png');
	margin-top: 20px;
}

#SampleImage2{
   width: 309px;
   height: 132px;
   float: left;
   margin-top: 18px;
   margin-left: 15px;
}

#SampleImage3{
   width: 143px;
   height: 87px;
   float: left;
   margin-top: -3px;
   margin-left: 16px;
}
#SampleImage4{
   width: 157px;
	height: 87px;
	float: left;
	margin-top: -3px;
	margin-left: 5px;
}

.PanelContentBox .cover_image{

    float: left;
    width: 145px;
    height: 261px;
    background:url('../images/panel-sample-image-05.png');
	margin-top: 55px;
	margin-left: 40px;
}

#prev_cover{
   width: 141px;
   height: 197px;
   float: left;
   margin-top: 0px;
   margin-left: 0px;
}

.PanelContentBox .cover_image_m{

    float: left;
    width: 145px;
    height: 261px;
    background:url('../images/panel-sample-image-10.png');
	margin-top: 55px;
	margin-left: 40px;
}

#prev_cover2{
   width: 145px;
   height: 96px;
   float: left;
   margin-top: 0px;
   margin-left: 0px;
}

.PanelContentBox .title_image{

    float: left;
    width: 419px;
    height: 297px;
    background:url('../images/panel-sample-image-06.png');
	margin-top: 19px;
	margin-left: 0px;
}

#prev_title{
   width: 416px;
   height: 142px;
   float: left;
   margin-top: 104px;
   margin-left: 0px;
}


.PanelContentBox .title_image2{

    float: left;
    width: 208px;
    height: 297px;
    background:url('../images/panel-sample-image-07.png');
	margin-top: 19px;
	margin-left: 105px;
}

#prev_title2{
   width: 180px;
   height: 148px;
   float: left;
   margin-top: 2px;
   margin-left: 13px;
}

.PanelContentBox .title_image3{

    float: left;
    width: 403px;
    height: 110px;
    background:url('../images/panel-sample-image-08.png');
	margin-top: 110px;
	margin-left: 5px;
}

#prev_title3{
   width: 148px;
   height: 81px;
   float: left;
   margin-top: 16px;
   margin-left: 12px;
}

.PanelContentBox .title_image4{

    float: left;
    width: 281px;
    height: 311px;
    background:url('../images/panel-sample-image-09.png');
	margin-top: 5px;
	margin-left: 64px;
}

#prev_title4{
   width: 275px;
   height: 153px;
   float: left;
   margin-top: 5px;
   margin-left: 2px;
}


/*
.PanelContentBox .ColumnRight{

    float: left;
    width: 300px;
    min-height: 100px;
    height: 100%;
    margin-top: 20px;


}

.PanelContentBox .ColumnRight.High{

    margin-top: 130px;

}
*/

.PanelContentBox .ColumnLeft .RowSeparator{

    border-top: 1px solid #000000;
    height: 2px;
    left: -64px;
    margin: -10px 0 30px;
    position: relative;
    width: 405px;


}


.PanelContentBox .BtnYukle{
	height: 22px;
	padding: 9px 15px 1px 15px;
	display: block;
	background: #6b696a;
	border: 1px solid #94908f;
	text-decoration: none;
	color: #dad8d9;
	font-family: "Arial", sans-serif;
	font-size: 14px;
	float: left;
	text-align: center;
	margin-left: 3px;

}

.PanelContentBox .BtnYukle2{

height: 22px;
padding: 9px 15px 1px 15px;
display: block;
background: #6b696a;
border: 1px solid #94908f;
text-decoration: none;
color: #dad8d9;
font-family: "Arial", sans-serif;
font-size: 14px;
text-align: center;
margin: 0px auto;
width: 45px;
}

.PanelContentBox .BtnYukle:hover, .PanelContentBox .BtnYukle2:hover{

    background: #928f91;
}



.PanelContentBox .BoxLetter{

   border-radius: 50%;
	width: 32px;
	height: 25px;
	border: 1px solid #cccccc;
	background: #928f91;
	text-align: center;
	padding-top: 7px;
	font-family: "Arial",sans-serif;
	font-size: 14px;
	color: #000;
	float: left;
	margin-right: 10px;

}

.PanelContentBox .BoxLetter.A{

    margin-left: 2px;

}

.PanelContentBox .BoxLetter.B{

    margin-left: 20px;

}

.PanelContentBox .BoxLetter.C{

    margin-left: 20px;

}


.SampleImage1 {

    margin-left: 40px;

}



.PanelMenuContainer.Icerik{

    margin-bottom: 25px;

}

.PanelSearchContainer{

    height: 50px;

}

.PanelSearchContainer .FieldInput{
    background: #6b696a;
	border: 1px solid #94908f;
	color: #dad8d9;
    height: 30px;
    font-size: 11px;
    font-family: 'gotham_narrowlight', sans-serif;
    padding: 0 10px 0 10px;
    width: 174px;
    margin-bottom: 20px;
    float: left;
}




.PanelSearchContainer .BtnYukle{

    height: 22px;
    padding: 8px 20px 0 20px;
    display: block;
    background: #6b696a;
	border: 1px solid #94908f;
	color: #dad8d9;
	font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 12px;
    float: left;
    text-align: center;
    margin-left: 12px;



}




.PanelSearchContainer .BtnYukle:hover{

    background: #928f91;
}


.PanelSearchContainer input::-webkit-input-placeholder { /* WebKit browsers */
    color:    #000000;
}
.PanelSearchContainer input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
    color:    #000000;
    opacity:  1;
}
.PanelSearchContainer input::-moz-placeholder { /* Mozilla Firefox 19+ */
    color:    #000000;
    opacity:  1;
}
.PanelSearchContainer input:-ms-input-placeholder { /* Internet Explorer 10+ */
    color:    #000000;
}




.PanelSearchContainer .item-select .jqTransformSelectWrapper {

    background: #595959;
    border: 1px solid #99928c;
    width: 195px!important;
    margin-right: 10px;
    margin-bottom: 12px;

}


.PanelSearchContainer .item-select .jqTransformSelectWrapper div span {

    font-size: 11px;
    font-family: 'gotham_narrowlight', sans-serif;
    float: none;
    position: absolute;
    white-space: nowrap;
    height: 31px;
    line-height: 15px;
    padding: 8px 0 0 12px;
    overflow: hidden;
    cursor:pointer;
    color:#dad8d9;
}
.PanelSearchContainer .item-select .jqTransformSelectWrapper ul{
    width: 194px!important;

}

.PanelSearchContainer .item-select .jqTransformSelectWrapper ul a{
    font-size: 11px;
    font-family: 'gotham_narrowlight', sans-serif;
}


.PanelSearchContainer .item-select .jqTransformSelectWrapper ul a.selected{
    font-size: 11px;
    font-family: 'gotham_narrowlight', sans-serif;
}



.PanelFilterListTable{
    border-collapse: collapse;
}


.PanelFilterListTable, .PanelFilterListTable th, .PanelFilterListTable td{
    border: 1px solid #000000;
}


.PanelFilterListTable th{
    background: #000;
    font-size: 13px;
    font-family: 'gotham_narrowmedium', sans-serif;
    height: 36px;
	color:#fff;
}

.PanelFilterListTable th a{
    display: block;
    text-decoration: none;
    color: #fff;
    height: 26px;
    padding-top: 10px;
	font-weight: normal;
}



.PanelFilterListTable td{

    font-size: 11px;
    font-family: 'gotham_narrowlight', sans-serif;
    height: 36px;
    text-align: center;

}

.PanelFilterListTable td.left{

    text-align: left;
	padding-left:10px;

}


.PanelFilterListTable td a {

    text-decoration: none;
    display: block;
    height: 24px;
    padding-top: 12px;

}

.PanelFilterListTable td .SwitchButton{

    width: 64px;
    height: 26px;
    position: relative;
    float: none;
    display: block;
    cursor: pointer;
    margin: 0 auto;

}


.PanelPagingContainer{

    margin-top: 25px ;
    font-size: 12px;
    font-family: 'gotham_narrowmedium', sans-serif;
    text-align: center;

}

.PanelPagingContainer a{

  height: 21px;
  padding: 5px 5px 0 5px;
  display: block;
  border: 1px solid #99928c;
  text-decoration: none;
  background: #595959;
  color: #aeaeae;
  font-family: "gotham_narrowmedium", sans-serif;
  font-size: 13px;
  float: left;
  text-align: center;
  margin-left: 2px;

}

.PanelPagingContainer a:hover{

 background: #928f91;

}

.PanelPagingContainer .enter{

   font-weight: bold;
   color: #fff;

}


.PanelPrevNextContainer{

    width: 226px;
    margin: 20px auto;

}



.BtnPrev{

    height: 23px;
    padding: 7px 20px 0 20px;
    display: block;
    background: #FFFFFF;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000000;
    font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 13px;
    float: left;
    text-align: center;
    margin-left: 12px;



}




.BtnPrev:hover{

    background: #928f91;

}



.PrevBtn{

    height: 23px;
    padding: 7px 20px 0 20px;
    display: block;
    background: #FFFFFF;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000000;
    font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 13px;
    float: left;
    text-align: center;
    margin-left: 12px;
    width: 54px;

}



.PrevBtn:hover{

    background: #928f91;

}



.NextBtn{

    height: 23px;
    padding: 7px 20px 0 20px;
    display: block;
    background: #FFFFFF;
    border: 1px solid #000000;
    text-decoration: none;
    color: #000000;
    font-family: "gotham_narrowmedium", sans-serif ;
    font-size: 13px;
    float: left;
    text-align: center;
    margin-left: 12px;
    width: 54px;

}



.NextBtn:hover{

    background: #928f91;

}





.EditorBigPanel{
   background:#828282;
    width: 1480px;
	border: solid 0px #dfdfdf;
	padding:10px;
	float:left;
}

.EditorMainContainer{
    margin-top: 50px;
    position: relative;
    width: 680px;
    margin: 0 auto;
}



.EditorBtnContainer{

    width: 590px;
    height: 92px;
    -webkit-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    -moz-box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow: 1px 1px 5px 2px rgba(0, 0, 0, 0.2);

    margin: 20px auto;

}


.EditorTxtIconContainer{
    height: 92px;
    width: 65px;
    background: url("../images/icons/editor-icon-txt.png") no-repeat center center;
    float: left;
    border: 1px solid #99928c;
}


.EditorImgIconContainer{
    height: 92px;
    width: 64px;
    background: url("../images/icons/editor-icon-img.png") no-repeat center center;
    float: left;
    border: 1px solid #99928c;
}

.EditorSndIconContainer{
    height: 92px;
    width: 64px;
    background: url("../images/icons/editor-icon-audio.png") no-repeat center center;
    float: left;
    border: 1px solid #99928c;
}

.EditorTxtBtnContainer{
    width: 130px;
    float: left;
    height: 93px;
    border-bottom: 1px solid #99928c;
}

.EditorImgBtnContainer{
    width: 130px;
    float: left;
    height: 93px;
    border-bottom: 1px solid #99928c;
}

.EditorSndBtnContainer{
    width: 130px;
    float: left;
    height: 93px;
    border-bottom: 1px solid #99928c;
    border-right: 1px solid #99928c;
}

.EditorBtnContainer ul {

    list-style: none;
    margin: 0;
    padding: 0;


}

.EditorBtnContainer ul li {

    list-style: none;
    margin: 0;
    padding: 0;

}

.EditorBtnContainer ul li a{

    font-family: 'gotham_narrowmedium';
    font-size:11px;
    color: #000000;
    text-decoration: none;
    height: 21px;
    padding-top: 8px;
    border-top: 1px solid #99928c;
    display: block;
    padding-left: 12px;

}

.EditorBtnContainer ul li a:hover{
    background: #9f9f9f;
}

.EditorBtnContainer ul li a.Last{

    border-bottom: 1px solid #99928c;

}



.EditorBtnContainerLeft{
    border-right:1px solid #000000;
    width:90px;
    height: 132px;
    float: left;


}

.EditorBtnContainerCaption{
    font-family: 'gotham_narrowmedium';
    font-size:12px;
    padding: 12px 12px;
}


.EditorBtnContainerRight{
    float: left;


}


.EditorBtnContainerRight ul{
    font-family: 'gotham_narrowmedium';
    font-size:12px;
    list-style: none;
    padding-left: 15px;
    float: left;

}

.EditorBtnContainerRight ul.col1{
    width: 140px;

}
.EditorBtnContainerRight ul.col2{
    width: 120px;
    margin-left: 8px;
    background: url("../images/icons/editor-btn-seperator.png") no-repeat 0 4px;

}



.EditorBtnContainerRight li.Txt{

    background: url("../images/icons/add-text.png") no-repeat 0 0;
    padding-left: 30px;
    height: 35px;
    padding-top: 5px;
}


.EditorBtnContainerRight li.Image{

    background: url("../images/icons/add-image.png") no-repeat 0 2px;
    padding-left: 38px;
    height: 35px;
    padding-top: 0px;
}



.EditorBtnContainerRight li.Video{

    background: url("../images/icons/add-video.png") no-repeat 0 2px;
    padding-left: 35px;
    height: 35px;
    padding-top: 0px;
}


.EditorBtnContainerRight li.Music{

    background: url("../images/icons/add-music.png") no-repeat 0 2px;
    padding-left: 20px;
    height: 35px;
    padding-top: 0px;
}

.EditorMainContainer *:focus {
    outline: 1px solid #000000;
}

#EditorContentContainer{
    width: 680px;
}

.EditorBtnContainerRight li a{

    display: block;
    color: #000000;
    text-decoration: none;
    font-family: 'gotham_narrowmedium';
    font-size:12px;
}


.ContentTitle{

    font-family: 'gotham_narrowlight';
    font-size: 34px;
    padding: 12px 12px;
    border: 1px solid #99928c;


}


.ContentTitle[placeholder]:empty:before, .ContentSubTitle[placeholder]:empty:before, .ContentText[placeholder]:empty:before, .ContentImageInfoBox[placeholder]:empty:before, .ContentVideoInfoBox[placeholder]:empty:before {
    content: attr(placeholder);
    color: #fff; 
}

.ContentTitle[placeholder]:empty:focus:before,.ContentSubTitle[placeholder]:empty:focus:before, .ContentText[placeholder]:empty:focus:before, .ContentImageInfoBox[placeholder]:empty:focus:before, .ContentVideoInfoBox[placeholder]:empty:focus:before {
    content: "";
}

.ContentSubTitle{
    font-family: 'gotham_narrowlight';
    font-size:14px;
    padding: 12px 12px;
    border: 1px solid #99928c;
	color: #fff;

}


.ContentText{
    font-family: 'gotham_narrowlight';
    font-size: 12px;
    padding: 12px 12px;
    border: 1px solid #99928c;
	color: #fff;


}

.ContentImage{
    font-family: 'gotham_narrowmedium';
    font-size: 12px;
    color: #ff0000;
    width: 680px;
    height: 95px;
    background: #e1e1e1;
    padding-top: 33px;
	border: 1px solid #99928c;

 }

.ContentImageBtn{

    background: url("../images/icons/upload-file.png") no-repeat 0 -45px;
    width: 47px;
    height: 45px;
    display: block;
    margin: 0 auto;
}

.ContentImageBtn:hover{

    background: url("../images/icons/upload-file.png") no-repeat 0 0px #e1e1e1;

}

.ContentImageTxtBtn{
    font-family: 'gotham_narrowmedium';
    font-size: 12px;
    color: #fff;
    display: block;
    text-decoration: none;
    text-align: center;
	border: 1px solid #99928c;
}

.ContentImageInfoBox{
    border: 1px solid #99928c;
    font-family: 'gotham_narrowlight';
    font-size: 12px;
    margin-bottom: 10px;
    padding: 12px;
	color: #fff;
}


.TitleArea {
	width: 670px;
	min-height: 163px;
	border: 1px solid #000;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom:20px;
	color: #fff;
}
.TitleArea textarea {
	font-family: 'gotham_narrowlight';
	font-size:34px;
	border:none;
	outline:none;
	overflow:hidden;
	width: 640px;
	min-height: 163px;
	padding-top:28px;
	padding-left:20px;
	
	background:transparent;
	color: #fff;
}

.SummaryArea {
	width: 670px;
	min-height:163px;
	border:1px solid #000;
	margin-left: 0px;
	margin-top: 20px;
	margin-bottom:20px;
	color: #fff;
}
.SummaryArea textarea,  .SummaryArea div{
    font-family: 'gotham_narrowlight';
    font-size: 13px;
    color: #fff;
    width: 640px;
    min-height: 185px;
    border: none;
    outline: none;
    margin-top: 8px;
    padding-left: 20px;
    background: transparent;
}


.ContentVideo{
    font-family: 'gotham_narrowmedium';
    font-size: 12px;
    color: #ff0000;
    width: 720px;
    background: #b7b7b7;
    height: 405px;
	border: 1px solid #99928c;

}


.ContentVideoInfoBox{
    border: 1px solid #99928c;
    font-family: 'gotham_narrowlight';
    font-size: 12px;
    margin-bottom: 10px;
    padding: 24px 12px 12px 12px;
    width: 550px;
    float: left;

}

.BtnVideoShow{
    width: 60px;
    float: left;
    border: 1px solid #99928c;
    font-family: 'gotham_narrowmedium';
    font-size: 12px;
    color: #000000;
    margin-top: 20px;
    text-decoration: none;
    text-align: center;
    display: block;
    height: 23px;
    padding-top: 9px;
    position: relative;
    left: 42px;


}


#ContentTemplates{
    display: none;
}





.SilBtn{

    position: relative;
    left: 664px;
    top:20px;
    z-index: 99;
    width: 32px;
    height: 33px;
    display: block;
    background: url("../images/icons/red2.png") no-repeat 0 0;

}



.SilBtn:hover{

    background: url("../images/icons/red2.png") no-repeat 0 -33px;

}


.VideoSilBtn{
    left: 704px
}


.AddSeparator{
    display: block;
    width: 680px;
    height: 32px;
    border: 1px solid #99928c;
}
.AddSeparator:hover{
    border: 1px solid #9f9f9f;
    background: url("../images/icons/btn-plus.png") no-repeat center center;
 }

a{cursor:pointer;}



.CreditList {
    margin-top:16px;
}
.Credit {
    height:22px;
    margin-bottom:8px;
}
.CreditList .NameContainer {
    position:relative;
    float:left;
    width:186px;
    height:32px;
    background-color:#FFF;
    font-family: 'solomon_sans_bookregular';
    font-size: 11px;
    margin-left:12px;
}
.CreditList .NameContainer img {
    position:absolute;
    top:-5px;
    left:-12px;
}
.CreditList .NameContainer span {
    display:block;
    float:left;
    padding:10px 0px 0px 40px;
    font-size: 11px;
    font-family: 'gotham_narrowmedium';
}
.CreditList .CreditStatus {
    float:left;
    background-repeat:no-repeat;
    padding:6px;
    padding:7px 0px 7px 38px;
    font-family: 'bariol_regularregular';
    font-size:14px;
    margin-left:8px;
}


.CreditList .Credit .NameContainer a {
    display: block;
    position:absolute;
    right:0px;
    top:5px;
    width:18px;
    height:25px;
    background-color:#bab4b3;
    border-radius: 3px;
    border-right:1px solid #bab4b3;
    background-image:url(../images/icons/tag-cancel.gif);
    background-repeat:no-repeat;
    background-position:center center;
}


html,body {
    margin:0;
    padding:0;
	color:#eaeaea;
    font-size: 12px;
    font-family: "Arial",sans-serif;

}

a {
  color: #ffffff;
  text-decoration: none;
  cursor:pointer;
}



*:focus {
    outline: 0;
}

img { border:none;}
a { outline:none;}



.ClearBoth{
    clear: both;
}



#PanelWrapper2{
	width:1774px;
	height:1722px;
	margin: 0 auto;
	background:#353535;
}

.PanelHeader2{
	width:954px;
	height:26px;
	background:#353535;
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 1.2em;
	padding: 10px;
}

.PanelHeader2-2{
	width:780px;
	height:26px;
	background:#353535;
	float:right;
	font-family: "Arial",sans-serif;
    font-size: 0.8em;
	padding: 10px;
	text-align:right;
}

.ContentsHeader2{
	width:1504px;
	height:26px;
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 20px;
	margin-top:10px;
}

.PanelMenuContainer2{
	width:242px;
	height:1666px;
	background:#393939;
	float:left;
}

.ContentWrapper2{
	width:1532px;
	min-height:1666px;
	background:#595959; 
	float:right;
}

.ContentsHeader3{
	width:1354px;
	height:26px;
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 25px;
	margin-bottom:10px;
}

.ContentsHeader4{
	width:1354px;
	height:26px;
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 10px;
	margin-top:5px;
	margin-bottom:5px;
}

.ContentsHeader5{
	width:1470px;
	height:26px;
	float:left;
	font-family: "gotham_narrowmedium",sans-serif;
    font-size: 18px;
	margin-top:5px;
	margin-bottom:5px;
	padding: 15px;
	background: #6b6a69;
}


.orta-frame{
	width:1532px;
	min-height:666px;
}






#cd-lateral-nav {
  height: 100%;
  width: 240px;
  font-size: 0.9em;

}
#cd-lateral-nav .cd-navigation {
  margin: 10px 0 16px;
}
#cd-lateral-nav .sub-menu {
  padding: 0 10px 20px 15px;
  display: none;
}
#cd-lateral-nav a {
  display: block;
  line-height: 2em;
  padding: 0 16px 0 32px;
  color: #FFF;
}
#cd-lateral-nav a.current {
  background-color: #a8a00f;
  color: #FFF;
}
.no-touch #cd-lateral-nav a:hover {
  color: #FFF;
}
@media only screen and (min-width: 768px) {
  #cd-lateral-nav .cd-navigation {
    margin: 20px 0;
  }
}
#cd-lateral-nav.lateral-menu-is-open {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  visibility: visible;
  -webkit-transition: -webkit-transform .4s 0s, visibility 0s 0s;
  -moz-transition: -moz-transform .4s 0s, visibility 0s 0s;
  transition: transform .4s 0s, visibility 0s 0s;
  /* smooth the scrolling on touch devices - webkit browsers */
  -webkit-overflow-scrolling: touch;
}

/* style menu items which have a submenu  */



#cd-lateral-nav .item-has-children > a {
  position: relative;
  font-weight: 400;
   background: #5a5a5a;
   margin-top:5px;
  /* this is the right arrow to show that the item has a submenu  */
}
#cd-lateral-nav .item-has-children > a::after {
  content: '';
  display: block;
  height: 11px;
  width: 8px;
  position: absolute;
  top: 50%;
  bottom: auto;
  -webkit-transform: translateY(-50%);
  -moz-transform: translateY(-50%);
  -ms-transform: translateY(-50%);
  -o-transform: translateY(-50%);
  transform: translateY(-50%);
  right: 1em;
  background: url("../images/cd-arrow.svg") no-repeat center center;
  background-size: 8px 11px;
  -webkit-transition-property: -webkit-transform;
  -moz-transition-property: -moz-transform;
  transition-property: transform;
  -webkit-transition-duration: 0.2s;
  -moz-transition-duration: 0.2s;
  transition-duration: 0.2s;
}
#cd-lateral-nav .item-has-children > a.submenu-open::after {
  -webkit-transform: translateY(-50%) rotate(90deg);
  -moz-transform: translateY(-50%) rotate(90deg);
  -ms-transform: translateY(-50%) rotate(90deg);
  -o-transform: translateY(-50%) rotate(90deg);
  transform: translateY(-50%) rotate(90deg);
}









