﻿/* RESET CSS */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { margin:0; padding:0; }
table {	border-collapse:collapse; border-spacing:0; }
fieldset,img { border:0; }
address,caption,cite,code,dfn,em,strong,th,var { font-style:normal; font-weight:normal; }
ol,ul { list-style:none; }
caption, th { text-align:left; }
h1,h2,h3,h4,h5,h6 { font-size:100%; font-weight:normal;}
q:before,q:after { content:'';}
abbr,acronym { border:0; }

/* 
 Container Div içerisindeki float elemanların varlığını container div'e bildirmek için
 Gerekli olan fonksiyon.
*/
.clearfix:after{
    content: ".";
    display: block;
    height: 0;
    font-size:0;
    clear: both;
    visibility:hidden;
}

.clearfix {
    display: inline-block;
}

/*IE Hack*/
* html .clearfix {
    height: 1%;
}

.clearfix {
    display: block;
}

.wbr {
	width: 1px;
	font-size: 1px;
}

table {
	border-collapse: collapse;
}

P {
	margin: 0px 0px 0.2em 0px;
}

A {
	color: #575790; text-decoration: none
}

.visible {
	display: block
}

.hidden {
	display: none
}

body, td, input, select {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 11px;
}

/* PISI PAGE CONTAINER */
.page_container .page_mode_tabs
{
    background-color: transparent;
    padding: 0em 0em 0em 1em;
    white-space: nowrap;
    list-style:none;
    margin: 1px 0px 0px 0px;
    height: auto;
    line-height: normal;
    font-size: 11px;
    font-family: Verdana;
}

.page_container .page_mode_content
{
    padding-top: 4px;
    border-top: 1px solid #8cacbb;
}

.page_container .page_mode_tabs li
{
    display: inline;
}

.page_container .page_mode_tabs li a 
{
    background-color: #dee7ec;
    border-color: #8cacbb;
    border-width: 1px;
    border-style: solid solid none solid;
    color: #436976;
    height: auto;
    margin-right: 0.5em;
    padding: 0em 1.25em;
    text-decoration: none;
    text-transform: none;
}

.page_container .page_mode_tabs li.selected a
{
    background-color: transparent; 
    border:1px solid #8cacbb;
    border-bottom: #ffffff 1px solid;
    color: #436976;
}

.page_container .page_mode_tabs li a:hover
{
    background-color: #fff7ef;
    color: #436976;
}

/* PISI PAGE VIEWER */
.page_viewer .control_edit_frame
{
    border: solid 1px #8cacbb;
}

.page_viewer .control_edit_frame .control_edit_title
{
    background-color: #436976;
    color: #ffffff;
    padding: 0px 0px 1px 2px;
    font-size: 10px;
    text-align: left;
}

.page_viewer .control_edit_frame_pending .control_edit_title
{
    background-color: #b06976 !important;
}

.page_viewer .control_edit_frame_revision .control_edit_title
{
    background-color: #ffe076 !important;
}

.page_viewer .control_edit_frame .control_edit_title a
{
    text-decoration: none;
    color: #ffffff;
}

.page_viewer .control_edit_frame .control_edit_title .status 
{
    float: right;
    margin: 1px 2px 0px 0px;
    padding: 0;
}

.page_viewer .missing_control
{
	background-color: #e04040;
	border: 1px solid #000000;
	padding: 4px;
}

.page_viewer .missing_control a
{
	color: #ffe0e0;
}

.page_viewer .content_place_holder 
{
	vertical-align: middle;
	border: dashed 1px;
	padding: 200px 4px;
	text-align: center;
	font-weight: bold;
}

/* FORM */
.form_container
{
    border: 1px solid #646464;
}

.form_header
{
	padding: 2px 4px 2px 4px;
	background: #233946;
	border-bottom: 1px solid #000000;
	color: #f0fff7;
	font-weight: bold;
}

.form_content
{
    padding: 4px 0px 0px 0px;
	background: #ffffff;
}

.form_layout
{
	padding: inherit;
}

.form_content td.e, .form_content td.v
{
    padding: 1px 4px 1px 4px;
}

.form_content td.l
{
    padding: 1px 6px 1px 4px;
}

.form_error
{
    color: Red;
}

.form_error span { padding: 4px 6px 4px 4px; }

.form_buttons
{
	padding: 2px 2px 2px 2px;
	background: #e0e0e0;
	text-align: right;
	border-top: solid 1px #000000;
	margin-top: 4px;
}

.form_buttons input
{
	padding: 2px;
}

/* STAGING PANEL */
.staging_panel
{
    width: 390px; margin-top: 6px;
}

.staging_panel .form_buttons input 
{
    width: 125px;
}
 
.staging_panel .form_content textarea
{
    width: 300px; 
}

.staging_panel_status
{
    width: 390px;
    margin: 6px 0px 0px 0px;
    border: 1px solid #646464;
    background-color: #ffffe0;
    padding: 1px;
}

.page_links a { padding: 0px; margin: 0px; }

/* MCE EDITOR CONTAINER */
table.mceEditor { border: 1px solid #909090;}

/* DATE PICKER */
.dpTable { font-family: Arial, Helvetica, sans-serif; font-size: 12px; text-align: center; color: #505050; background-color: #ece9d8; border: 1px solid #AAAAAA; }
.dpTR { }
.dpTitleTR {}
.dpDayTR {}
.dpTodayButtonTR {}
.dpTD { border: 1px solid #ece9d8; width: 18px; }
.dpDayHighlightTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; }
.dpTDHover { background-color: #aca998; border: 1px solid #888888; cursor: pointer; color: red; }
.dpTitleTD { }
.dpButtonTD { }
.dpTodayButtonTD { }
.dpDayTD { background-color: #CCCCCC; border: 1px solid #AAAAAA; color: white; }
.dpTitleText { font-size: 11px; color: gray; font-weight: bold; }
.dpDayHighlight { color: #4060ff; font-weight: bold; }
.dpButton { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; padding: 0px; }
.dpTodayButton { font-family: Arial, Helvetica, sans-serif; font-size: 10px; color: gray; background: #d8e8ff; font-weight: bold; }

.menu_pilot span.main { position: absolute; z-index: 9; }
.menu_pilot span.down { padding-left: 2px; padding-top: 1px; cursor: pointer; }
.menu_pilot img.down { width: 11px; height: 11px; vertical-align: top; }
.menu_pilot span.menu { border: 1px solid #aca899; background-color: #f0eee1; font-size: 8pt; float:left; }
.menu_pilot span.title { font-weight: bold; display: block; background-color: #c1d2ee; padding: 2px 20px 2px 10px; border-bottom: 1px solid #aca899; }
.menu_pilot a.item, .menu_pilot a.item1 { padding: 2px 20px 2px 10px; color: #2859ab !important; text-decoration: none; white-space: nowrap; }
.menu_pilot a.item { border-top: 1px solid #aca899; color: #2859ab; }

.json-viewer { color: #ffffff; background-color: #000000; font-family: Consolas, Courier New, Tahoma, Arial; font-size: 12px; white-space: nowrap; }
.json-viewer .json-key { color: #ffc66d; }
.json-viewer .json-quote { color: #e0e0e0; }
.json-viewer .json-brace { color: #FF7B7B; }
.json-viewer .json-comma { color: #e0e0e0; }
.json-viewer .json-string { color: #66B3FF; }
.json-viewer .json-number { color : #CC7832; }

/* SITE HEADER */
div.master-header
{
    height: 81px;
}

div.master-header div.logo
{
    float: left;
    margin: 0 21px 0 0;
}

div.header
{
    width: 862px;
    float: left;
    background: #a9aaab url(../assets/titleAnim.png) no-repeat scroll right bottom;
}

div.header div.title
{
    height: 46px;
    width: 450px;
    padding:17px 50px 18px 20px;        
    overflow:hidden;  
    float: left;  
}

div.nav-banner
{
    float: right;
    margin: 0 45px 0 0;
    height: 79px;
    width: 230px;
    display: inline;
}

