/* ============================ common ============================== */

body {
    color: #3A4043; background: #F9F9F9 url(../img/edukator_bg.png) repeat-x 0 0;
    font: normal 62.5% Arial, Tahoma, sans-serif;
}

a{ color: #2d9ed6; text-decoration: none; }
a:hover{ text-decoration: underline; }
a:active, a:focus { color: #fff; background: #9AA8AE; }

a.edit{ padding: 8px; color: #0c9f28; }
a.edit:hover,
a.edit:focus,
a.edit:active{ color: #fff; background: #0c9f28; text-decoration: none; }
a.delete, a.ddelete{ padding: 8px; color: #f00; }
a.delete:hover,
a.delete:focus,
a.delete:active,
a.ddelete:hover,
a.ddelete:focus,
a.ddelete:active { color: #fff; background: #f00; text-decoration: none; }
a.preview { padding: 8px; color: #2C75BA; }
a.preview:hover, a.preview:focus, a.preview:active { color:#fff;background:#2C75BA; text-decoration:none; }


img 	{ display: block; }
a img 	{ border: none; }
a span	{ cursor: pointer; }
strong 	{ font-weight: bold; }
em 		{ font-style: italic; }

.clearfix:after,
.fline:after {
    clear: both;
    display: block; visibility: hidden;
    height: 0;
    content: ".";
}
.clearfix,
.fline {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix,
* html .fline {height: 1%;}
.clearfix,
.fline {display: block;}
/* End hide from IE-mac */

.aural{
    position: absolute;
    left: -2007px;
    font-size: 0;
}
#content p.info {
    clear:both;padding:5px 0 5px 250px;font-size:0.91em;
}
#content p.msg {
    clear:both;
    padding:10px;
    border:2px solid #514272;
    background:#fff;
    font-size:1.6em;
}


legend{
    font-size: 1.4em; font-weight: bold; padding:0 5px;
}
input.textbox,
input.password,
select,
textarea{
    padding: 5px;
    border: 1px solid #606B6F;
    background:#f8f8f8;
    font: normal 1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
input.submit{
    padding: 3px 10px;
    color: #2f2f2f; background: #8e969a url('../img/edukator_btn_bg.png') repeat-x 0 0;
    border: 1px solid #8e969a;
    font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    cursor: pointer;
}
a.button{
    padding: 4px 10px;
    color: #212121;
    background: #8e969a url('../img/edukator_btn_bg.png') repeat-x 0 0;
    border:1px solid #8e969a;
    font: normal 1.1em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
    cursor: pointer;
}
a.tab_next1, a.tab_next2, a.tab_next3 {
    float:left;
    margin:0 15px 0 0;
    padding:3px 8px;
    color:#37322f;
    font-size:1em;
    border:1px solid #c7c6cb;
    background:#dcd6f0 url('../img/btn_bg2.png') repeat-x 0 0;
}

input.textbox:hover,
input.password:hover,
select:hover,
textarea:hover,
input.submit:hover,
input.textbox:focus,
input.password:focus,
select:focus,
textarea:focus,
input.submit:focus,
input.textbox:active,
input.password:active,
select:active,
textarea:active,
input.submit:active,
a.button:hover,
a.button:focus,
a.button:active{ border: 1px solid #d3d6d7; }
input.submit:hover,
input.submit:focus,
input.submit:active,
a.button:hover,
a.button:focus,
a.button:active{ text-decoration: none; color: #606b6f; }

input.checkbox,
input.radio{
    position: relative;
    top: 2px;
}

.fline{
    margin: 0 0 1em 0;
}
.fline label{
    display: block;
    margin: 0 0 0.5em;
}
.fline input.textbox,
.fline input.password,
.fline select,
.fline textarea{
    display: block;
    margin: 0 0 0.5em;
}
.fline textarea {
    height:80px;
}

/* ========================== common end ============================ */

/* ============================ layout ============================== */


#holder{
    width: 100%;
}

#header{
    color: #303030;;
}

#content{
    width: 980px;
    padding: 20px 0 20px 20px;
}

#main{
    width: 730px;
    float: left;
}
#main.tabbed{
    width: 700px;
}

#side-bar{
    width: 209px;
    float: right;
}
#side-bar.tabbed{
    width: 200px;
}

#footer{
    color:#fff;
    clear: both;
    padding:20px 20px;
    margin:0 20px;
    background:#464040 url(../img/edukator_footer.png) repeat-x 0 0;
    -moz-border-radius-topleft:15px;
    -moz-border-radius-topright:15px;
}
#footer div {
    float:left;
    padding:15px 25px;
    border-right:1px solid #96164f;
    font-size:1.2em;
    line-height:1.5em;
}
/* ========================== layout end ============================ */

/* ============================ login =============================== */
body.login {
    background:#E2E3DE;
    height:100%;
    overflow:hidden;
}
#login-wrapper {
    position:absolute;
    top:40%; left:0;
    height:60%; width:100%;
}
#login-holder{
    width:665px;
    margin:-150px auto 0;
    color: #666;
}
#login-holder h1 {
    margin:0 0 25px;
}
#login-holder form {
    padding:20px 0 0;
    font-size: 1.4em;
}
.left-login {
    float:left; width:305px;
}
.right-login {
    float:right; width:305px;
}
#login-holder label { float:left; width:70px; padding:0 5px 0 0; line-height:25px; }
#login-holder form input.textbox,
#login-holder form input.password{ float:left; width: 215px; }
#login-holder form input.submit{ float: right; }
#login-holder .msg { color:#f00; padding:5px; margin:0 0 10px; }
#login-holder p.forgotten { width:200px; float:left; }
#login-holder a {color:#666;}
#login-holder .error {padding:3px; margin:0 0 3px;}
/* ========================== login end ============================= */

/* ============================ header ============================== */
#header h1{
    float: left;
    padding:0 20px 90px 50px;
    font-size: 2.4em;
    display: inline;
    position:relative;
    height:140px;
}
#header h1 a{ color: #fff; }
#header h1 a:hover,
#header h1 a:focus,
#header h1 a:active{ color: #00305a; background: #fff; text-decoration: none; }

#user-box{
    float: right;
    margin: 8px 20px 0 0; padding: 5px 10px;
    color: #303030;
    font-size: 1.2em;
    display: inline;
}
#user-box li{
    display: inline;
    padding: 0 0 0 8px;
    border-left: 1px solid #303030;
}
#user-box li:first-child{
    padding: 0 5px 0 0;
    border: none;
}
#user-box a {
    color:#303030;
}
#user-box a.logout {
    color:#2d9ed6;
}
#user-box a:hover, #user-box a:focus, #user-box a:active {
    color:#4e406e;
}

#main-menu{
    position:absolute;
    top:150px;
    left:10px;
    font-size: 1.2em;
    height:29px;
}
#main-menu li {
    float: left;
    height:100%;
    padding:0 5px 0 0;
}
#main-menu a {
    float:left;
    display:block;
    padding: 0 21px 0 14px;
    height:100%;
    line-height:29px;
    color: #fff;
    text-transform:uppercase;
    background:#c9c195 url(../img/edukator_menu1.png) repeat-x 0 0;
    font-weight:700;
    border-radius-topleft:7px; -moz-border-radius-topleft:7px; -webkit-border-radius-topleft:7px;
    border-radius-topright:7px; -moz-border-radius-topright:7px; -webkit-border-radius-topright:7px;
}
#main-menu a:hover,
#main-menu a:focus,
#main-menu .active a{  background:#fff; color:#78706e; text-decoration: none; }

#sub-menu {
    position:absolute;
    top:187px;
    left:10px;
    font-size: 1.5em;
    font-weight:700;
}
#sub-menu li {
    float:left;
    display: block;
    padding:0 1px 0 0;
}
#sub-menu li a {
    display:block;
    float:left;
    height:29px;
    padding: 0 10px;
    line-height:29px;
    color: #5b6275;
    padding:0 14px;
    background: #C9C195;
}
#sub-menu li:first-child a {
    -webkit-border-radius-topleft:5px; -khtml-border-radius-topleft:5px; -moz-border-radius-topleft:5px; border-radius-topleft:5px;
    -webkit-border-radius-bottomleft:5px; -khtml-border-radius-bottomleft:5px; -moz-border-radius-bottomleft:5px; border-radius-bottomleft:5px;
}
#sub-menu li:last-child a {
    -webkit-border-radius-topright:5px; -khtml-border-radius-topright:5px; -moz-border-radius-topright:5px; border-radius-topright:5px;
    -webkit-border-radius-bottomright:5px; -khtml-border-radius-bottomright:5px; -moz-border-radius-bottomright:5px; border-radius-bottomright:5px;
}
#sub-menu li a:hover,
#sub-menu li a:focus,
#sub-menu li a:active,
#sub-menu li.active a{ color: #fff; text-decoration: none; }

/* ========================== header end ============================ */

/* ============================ content ============================= */
#wrapper {
    float:left;
    width:954px;
    padding:12px;
    background:#fff;
    border:1px solid #3A4043;
    margin:0 0 15px;
}
#content h2 {
    float:left;
    width:100%;
    clear: both;
    margin:0 0 6px;
    font-size: 1.6em;
    text-transform:uppercase;
    border-bottom:4px solid #3A8DA3;
}
#content h2 span {
    display:block;
    float:left;
    padding:9px 12px 7px;
    background:#3A8DA3;
    color:#fff;
    border-radius-topleft:5px; -moz-border-radius-topleft:5px; -khtml-border-radius-topleft:5px; -webkit-border-radius-topleft:5px;
    border-radius-topright:5px; -moz-border-radius-topright:5px; -khtml-border-radius-topright:5px; -webkit-border-radius-topright:5px;
}
#content h3{
    margin: 0 0 10px 0; padding: 0 0 10px 0;
    font-size: 2em;
    border-bottom: 1px solid #514373;
}
#content h3 .button{
    float: right;
    /*margin-top: -2em;*/
    font-size: 0.6em;
}
#content h4{
    margin: 0 0 10px 0; padding: 0 0 10px 0;
    font-size: 1.7em;
    border-bottom: 1px solid #ccc;
}
#content h5{
    margin: 0 0 10px 0; padding: 0 0 10px 0;
    font-size: 1.4em;
    border-bottom: 1px solid #ccc;
}
#content p{
    margin: 0 0 10px 0;
    font-size: 1.2em; line-height: 1.4;
}
#content ul{
    margin: 0 0 10px 2em;
    font-size: 1.2em; line-height: 1.4;
    list-style: disc;
}
#content ul ul{ font-size: 1em; }
#content ol{
    margin: 0 0 10px 2em;
    font-size: 1.2em; line-height: 1.4;
    list-style: decimal;
}
#content ol ol{ font-size: 1em; }

#content table {
    width: 100%;
    margin: 0 0 10px 0;
    border: 1px solid #606b6f; border-collapse: collapse;
    font-size: 1.3em;
    background: #fff;
    color:#303030;
}
#content table th {
    font-size:1.07em;
    padding: 10px;
    color: #fff; 
    background:#3A8DA3;
    font-weight: bold;
}
#content table .group th, #content table tbody th {
    color: #303030; background: #EEE6FF;
    border-top: 1px solid #606b6f;
    padding:5px 10px;
}
#content table td{
    padding: 10px;
    border-top: 1px solid #606b6f;
}
#content table .parent td{ background: #ecf3f9; font-weight: bold; }
#content table .parent td a{ font-weight: normal; }
#content table p,
#content table ul,
#content table ol{
    margin: 0; padding: 0;
    font-size: 1em;
    list-style: none;
}
#content table .buttons{
    white-space: nowrap;
}
#content table .buttons li{
    display: inline;
}
.toggle_wraper {
    position:relative;
}
.view_toggle {
    display:block; width:6px; height:11px; float:left; margin:0 5px 0 0;
    background:url(../img/toggle.png) no-repeat 0 0;
}
.details-toggle {
    float:left;
}
.cell-details {
    width:50px;
}

#content .pagination{
    margin: 0 0 10px 0; padding: 0;
    list-style: none;
}
.pagination li{
    float: left;
    margin: 0 3px 0 0;
    display: inline;
}
.pagination li a,
.pagination li strong{
    display: block;
    padding: 2px 5px;
    border: 1px solid #7abaf2;
}
.pagination li a:hover,
.pagination li a:focus,
.pagination li a:active{ color: #fff; background: #ff703f; text-decoration: none; }

#content #tabs {
    border-color:#E1D7F8;
    background:#fff;
}
#content form {
    display:block;
    float:left;
    width:928px;
    margin:0 0 15px;
    padding:25px;
    background:#fff;
    border:1px solid #9AA8AE;
}
#content fieldset {
    border: 1px solid #514373;
    padding:10px;
    margin:0 0 20px;
}
#content fieldset.noborder {
    padding:0;
    margin:0;
}
#content .noborder {
    border:none !important;
}
#content .fline{
    margin: 0 0 10px 0; padding: 10px;
    font-size: 1.4em;
}
#content .fline1 {
    margin-bottom:0;
    padding-bottom:0;
}
#content .fline2 {
    padding-top:0;
}
#content .fline label{
    float: left;
    width: 240px;
    margin: 0; padding: 3px 10px 0 0;
    text-align: right;
    display: inline;
    line-height:22px;
}
#content .label_800 label {
    width:800px;
}
#content .fline input.textbox,
#content .fline input.password{
    width: 500px;
    margin: 0;
    float: left;
}
#content .fline input.short5 {
    width:80px; margin-right:10px;
}
#content .fline textarea, .fline .editor_wrapper {
    float: left;
    width: 510px;
    margin: 0;
}
#content #tabs .fline textarea {
    width: 69%;
}
#content .fline select{ float: left; margin: 0; }

#content .checklist,
#content .radiolist{
    width:630px;
    float: left;
    list-style: none;
    margin: 0; padding: 0;
    font-size: 1em;
}

#content form.form_with_sidebar {
    padding:15px;
    width:auto;
}
#content .contact_orgs label {
    width:120px;
}
#content .contact_orgs .radiolist {
    width:540px;
    padding:4px 0 0;
}
#content form.form_with_sidebar fieldset {
    border:none;
    padding:0;
}
#content form.form_with_sidebar .submit {
    margin-left:130px;
}

#content .fieldset_left {
    float:left;
    width:45%;
}
#content .fieldset_right {
    float:right;
    width:45%;
}
#content .fieldset_left .fline, #content .fieldset_right .fline {
    padding:0 10px;
}


#content #tabs .checklist, #content #tabs .radiolist {
    width:595px;
}
#content .checklist label,
#content .radiolist label{
    float: none;
    width: auto;
    font-weight: normal;
}
#content .fline .error{
    clear: both;
    margin: 0 0 0 240px; padding: 10px;
    font-size: 1em;
    color: #f00;
}
.ui-datepicker-trigger{
    float: left;
    margin: 2px 0 0 3px;
    display: inline;
}
#content .fline .submit {
    margin:0 0 0 250px;
}
#content .filters .fline .submit {
    margin:0;
}

#content dl{
    margin: 0 0 1em 0;
    font-size: 1.2em;
}
#content dt{
    clear: both;
    float: left; display: inline;
    width: 290px; min-height: 2em;
    margin: 0 0 0.5em 0; padding: 0 10px 0 0;
    font-weight: bold; text-align: right;
}
#content dd{
    min-height: 2em;
    margin: 0 0 0.5em 0; padding: 0 0 0 300px;
}
#content dd p{ font-size: 1em; }

#content ul.items-list, #content .ui-tabs ul.items-list {
    font-size:1.4em;
    padding:0 0 15px;
}
#content ul.items-list li ul {
    padding-left:20px;
    border-bottom:1px solid #E1D7F8;
}
#content ul.items-list li, #content .ui-tabs ul.items-list li {
    padding:2px 0;
}
#content ul.items-list ul li, #content .ui-tabs ul.items-list ul li {
    font-size:0.83em;
}

.box{
    margin: 0 0 1em 0; padding: 10px;
    background: #fff;
    -moz-border-radius: 3px; -khtml-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;
}
.box.left{
    float: left; display: inline;
    width: 47%;
}
.box.right{
    float: right; display: inline;
    width: 47%;
}

#refDetails {
    padding:1em 0;
    background:#fff;
}
#content #refDetails dl {
    margin:0;
}
.box2{
    margin: 0 0 1em 0; padding: 0;
    background: #b8c5cb;
    border: 10px solid #9AA8AE;
    -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#content .box2 h3{
    margin: 0;
    background: #9AA8AE;
    color:#fff;
    border: none;
}
.box3{
    margin: 0; padding: 0;
    background: #fff;
    border: 10px solid #b8c5cb;
    -moz-border-radius: 4px; -khtml-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px;
}
#content .box3 h4{
    margin: 0;
    background: #b8c5cb;
    border: none;
}
#content .box2 dl,
#content .box3 dl{
    margin-top: 1em;
}
#content .box2 form {
    width:908px;
}
.missing {
    color:#a33;
    font-weight:700;
}
.status_not_assigned {
    color:#a33;
}
.status_assigned {
    color:#363;
}
.status_opened {
    color:#363;
}
.status_cancelled {
    text-decoration:line-through;
}
.status_wont_resolved {
    color:#f33;
}
.status_resolved {
    color:#3a3;
}
.milestone_edit {
    text-align:right;
    padding-right:20px;
}
.milestone_edit a.button {
    font-size:0.9em;
}

/*ui-tabs*/
#content #tabs {
    float:left;
    width:99%;
    margin-bottom:15px;
}
#content .ui-tabs ul {
    font-size:1em;
    line-height:1.4;
    list-style:none;
    margin:0;
}


/* ========================== content end =========================== */

/* ============================ side-bar ============================ */
#side-bar form {
    display:block;
    float:left;
    padding:2px;
    width:205px;
    background:#F3F6F7;
    border:none;
    -moz-border-radius:7px;
    -khtml-border-radius:7px;
    -webkit-border-radius:7px;
    border-radius:7px;
}
#side-bar fieldset {
    border:none;
    padding:0;
    margin:0 0 10px;
}
#side-bar h3 {
    margin: 0 0 10px 0;
    font-size: 1.6em;
    padding:9px 12px 7px;
    background:#A1B1B3;
    border-bottom:1px solid #A1B1B3;
    border-radius-topleft:5px; -moz-border-radius-topleft:5px; -khtml-border-radius-topleft:5px; -webkit-border-radius-topleft:5px;
    border-radius-topright:5px; -moz-border-radius-topright:5px; -khtml-border-radius-topright:5px; -webkit-border-radius-topright:5px;
}
#side-bar fieldset h3 .button{
    font-size: 0.7em;
}
#side-bar fieldset{
    margin: 0 0 1em 0; padding: 10px;
    border: none;
}
#side-bar .fline{
    margin: 0 0 12px 0; padding: 0;
}
#side-bar .fline label{
    float: none; display: block;
    width: auto;
    margin: 0 0 5px 0; padding: 0;
    text-align: left;
}
#side-bar .fline input.textbox,
#side-bar .fline input.password{
    width: 170px;
    margin: 0;
    float: none;
}
#side-bar .fline input.hasDatepicker{
    width: 140px;
    margin: 0;
    float: left;
}
#side-bar .fline select{
    width: 183px;
}
#side-bar .submit {
    padding-left:7px;
    padding-right:7px;
}


#side-bar .checklist,
#side-bar .radiolist{
    float: none;
}
#side-bar .checklist label,
#side-bar .radiolist label{
    float: none; display: inline;
    width: auto;
    font-weight: normal;
}
#content #side-bar .submit{
    margin-left: 0;
}
#content #side-bar .info {
    padding-left:0;
    font-size:0.91em;
}


/* ========================== side-bar end ========================== */

/* ============================= footer ============================= */

#bottom-nav{
    float: left;
}
#bottom-nav li{
    float: left;
    display: inline;
    padding: 0 8px 0 8px;
    font-size: 1.2em;
    border-left: 1px solid #2c2f22;
}
#bottom-nav li:first-child{
    padding-left: 0;
    border: none;
}

#copyright{
    float: right;
    font-size: 1.2em;
    width:250px;
    color:#9e9090;
    padding:35px 50px 0 0;
}
#copyright img{
    vertical-align:middle;
    display:inline;
}

/* =========================== footer end =========================== */

/*tinyMCE*/
body.mceContentBody {
    background: #fff;
    font: normal .8em "Lucida Grande", "Lucida Sans Unicode", "Trebuchet MS", Tahoma, Arial, sans-serif;
}

/*autocomplete*/
.autocomplete-w1 { background:url(../img/shadow.png) no-repeat bottom right; position:absolute; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0;font-size:13px; }
.autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px;  _margin:0; _overflow-x:hidden; }
.autocomplete .selected { background:#F0F0F0; }
.autocomplete div { padding:2px 5px; white-space:nowrap; }
.autocomplete strong { font-weight:normal; color:#3399FF; }


/* javascript sidebar */
#wrapper.sidebar-js {
    position:relative;
    min-height:330px;
}
#wrapper.sidebar-js #main {
    margin-top:40px;
    width:100%;
}
#wrapper.sidebar-js #side-bar {
    position:absolute; top:9px; right:9px;
    height:40px; overflow:hidden;
}
#wrapper.sidebar-js #side-bar h3 {
    position:relative;
}
#wrapper.sidebar-js #side-bar h3 span {
    position:absolute; top:3px; right:5px;
    display:block; width:30px; height:30px;
    background-image:url(../img/toggle-down-up.png);
    background-repeat:no-repeat;
}
#wrapper.sidebar-js #side-bar h3 span.toggle-down { background-position:0 0; }
#wrapper.sidebar-js #side-bar h3 span.toggle-up { background-position:-32px 0; }




/*timepicker*/
#CP_hourcont, #CP_minutecont {
    position:absolute;
    display:none;
    padding:5px;
    border:1px solid #bbb;
    background:#B8C5CB;
    z-index:1000;
    -moz-border-radius:7px;
}
.floatleft {
    float:left;
}
.CP_hour, .CP_minute {
    margin:1px;
    padding:5px 3px;
    font-size:1.2em;
    white-space:nowrap;
    cursor:pointer;
    text-align:center;
    color:#fff;
    -moz-border-radius:3px;
}
.CP_hour {
    width:35px;
    background-color:#9AA8AE;
}
.CP_minute {
    background-color:#9AA8AE;
    width:auto;
}
.CP_over {
    background-color:#ffeb80;
    color:#111;
}