/* Category CSS */

.mytree{padding:0 0 0 0px;}
.mytree li {padding:2 0 0 3px;}
.outer_tree_element{margin:0 0 0 10px;}
.inner_tree_element{margin:5px 0 0 10px; width:500px;}
.mytree a{text-decoration:none; font-size:13px; color:black;}
.mytree a:hover{background-color:lightgreen;}
.mytree label{font-weight:normal;}
.highlighted{background-color:lightyellow;}
.normal{background-color:#DFDFDF;}
.drag_image{border:0px;}
.drag_hover{background-color:white;}

/*input.text, input.string, input.email_address, input.password, textarea {
border: 2px solid #444; padding: 1px;
}*/
input.text, input.string, input.email_address, input.password, input.search, textarea {
    font-size:1.1em;
    line-height:1.3em;
    border-top:1px solid #7c7c7c;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #ddd;
    background: #fff url(../images/fieldbg.gif) repeat-x top;
}

input.file_upload {
    border: 1px dotted #666;
}
strong {font-weight:bold}
.button {
    padding: 6px 10px;
    /*	color: white; background: black; border: 1px solid #666;*/
    font: bold 11px "Lucida Grande", Arial, sans-serif;
    border-top:1px solid #ddd;
    border-left:1px solid #c3c3c3;
    border-right:1px solid #c3c3c3;
    border-bottom:1px solid #8c8c8c;
    background: #eee;
}
.button:hover {cursor: pointer;}
.button:active {border-top:1px solid #8c8c8c; border-bottom:1px solid #ddd;}
.actions {font-size: 11px;}

/*Used for hobo buttons which prints a from*/
.button-to
{border:none;background:none;margin:none;padding:none;}

#ajax-progress {
    background: black url(../images/spinner.gif) no-repeat 10px 8px;
    border: 1px solid #444;
    padding: 8px 20px 8px 40px;
    color: #cfc; font-weight: bold; font-size: 13px; text-shadow: black 2px 2px 2px;
}
#search-results-panel {

    padding: 0 20px 20px; background: #f2f2f2; border: 1px solid #ddd; color: black;
}
#search-results-panel .card.linkable a {
    /*	background: #333; border-color: #444;*/ color: black;
}


.flash {margin-left: 60px; margin-right: 60px; text-shadow: #728852 2px 2px 0;}
.article { margin: 20px 0; border-top: 1px dotted #ccc;}

/***********/

.page-header {color: white; background: black; padding: 20px 0 0; position: relative;}
.page-header h1 {margin: 0; padding: 0 40px 30px; font-family: "Trebuchet MS", Tahoma, Arial, sans-serif; font-size: 48px; letter-spacing: -2.5pt;}
.page-header .nav {margin: 0 30px; overflow: hidden; height: 100%;}
.page-header .nav li {float: left; list-style: none; margin-left: 0;}
.page-header a {color: white; border: none; background: none;}

.page-header div.search {
    position: absolute; top: 0; right: 25px; padding: 6px 30px 8px 15px;
    background: #282828; border: 1px solid #313131; border-width: 0 1px 1px;
}
.page-header div.search label {
    padding-right: 10px;
    text-transform: uppercase; font: bold 9px Arial, sans-serif; letter-spacing: 1.0pt;
}
.page-header div.search input {
    font-size: 10px;
}
#search-spinner {position: absolute; top: 6px; right: 7px;}

.account-nav {
    position: absolute; top: 38px; right: 40px;
    /*	font: normal 12px Arial, sans-serif;*/
    font-size: 11px;
}

ul.main-nav {float: left; margin: 0 10px;}
.main-nav li {background: black; margin-right: 10px;}
.main-nav a {
    background: #282828;
    display: block; padding: 7px 15px; border: 1px solid #313131; border-width: 1px 1px 0;
    font: bold 16px "Myriad Pro", Arial, sans-serif; text-shadow: black 2px 2px 2px;
}
.main-nav a:hover {background: #444; border: 1px solid #555; border-width: 1px 1px 0;}
.account-nav li {padding-left: 20px;}
.account-nav a {border-bottom: 1px solid black; font-weight: bold;}
.account-nav a:hover {border-bottom: 1px dotted #ddd;}


.page-content {padding-top: 0px;}

.login-page, .signup-page {width: 50%; margin-top: 40px;}
.login-page .field-list, .signup-page .field-list {width: 300px;}
.login-page .field-list td, .signup-page .field-list td {width: auto;}
.login-page .field-list th, .signup-page .field-list th {width: 120px;}
.login-page .submit-button, .signup-page .submit-button {margin: 10px 130px;}

.edit-page {margin-top: 25px;}
.edit-toolbar{height:15px;}

.show-page .content-header {position: relative; border-bottom: 1px dotted #ddd;}
.show-page .content-header h1, .new-in-collection-page .content-header h1 {margin-bottom: 4px; margin-right: 70px;}
.show-page .content-header a.edit {position: absolute; top: 0; right: 0;}

.new-in-collection-page .content-header h2 {margin-top: 6px; font: bold 16px "Lucida Grande", Arial, sans-serif;}
.new-in-collection-page .content-header h2, .new-in-collection-page .content-header h2 a {color: #222;}

.show-page .create-new {
    padding: 0 30px;
    border-top: 1px dotted #ddd; margin-top: 20px; background: #f5f5f5;
}
.show-page .create-new form .submit-button {margin: 20px 155px;}

.card {
    background: #f5f5f5;
    border: 1px solid #e8e8e8;
    padding:10px 20px;
    margin-bottom: 5px;
}
.card .creation-details {
    font-size: 11px; color: #333; display: block;
}
.card .datetime {color: #666;}
.creation-details {border: 1px solid #f2f2f2;}

.card.content {
    font-size: 11px;
    border: none; background: none; padding: 0; margin: 10px 0;
}

.new-links {margin-top: 20px;}
.new-links ul li {list-style: none; margin-left: 0;}

.dependent-collection ul li {
    list-style: none; margin-left: 0;
}

/*******************************************************/
/* these styles are for the generated front index page */
/* you can delete them if you over-ride it             */

.front-page .welcome-message {
    background: #eee; color: #222; border: 1px solid #e8e8e8; padding: 10px 20px 20px;
}
.front-page .welcome-message h2 {
    font-size: 18px; line-height: 27px;
}
.content-body{margin:0 10px 20px 10px;}
.front-page .content-body li {list-style: none; margin:0 10px 0 10px;}

/*******************************************************/
/* Captcha  */

#simple_captcha{ padding: 5px !important;
    width:374px;
}
#simple_captcha,
#simple_captcha div{display: table;}
#simple_captcha .simple_captcha_field,
#simple_captcha .simple_captcha_image{

    margin: 0px 0px 2px 0px !important;
    padding: 0px !important;
}
#simple_captcha .simple_captcha_image img{
    margin: 0px !important;
    padding: 0px !important;
    width: 110px !important;
}
#simple_captcha .simple_captcha_label{font-size: 12px;}
#simple_captcha .simple_captcha_field input{
    width: 150px !important;
    font-size: 16px;
    border: none;
    background-color: #efefef;
}

/* image */

.alignleft-slide
{width:100px;height:75px;overflow:hidden; }
.alignleft-slide img{width:100px;}

img.alignleft,img.imgtop,img.alignleft-slide, 
a img.alignleft,img.alignright,img.alignleft-slide,.alignleft-slide,lignleft-slide a{
    margin: 4px 10px 0 0;
    border-color: #D5E6AC;
    border-width: 1px;
    border-style: solid;
    padding: 2px;
    background-color: #FFFFFF;
}


img.alignleft img.alignleft-slide, a img.alignleft,img.alignleft-slide,.alignleft-slide,lignleft-slide a
{
    float: left;
}


a:hover img.alignleft 
{
    border-color: #FF6600;
    background-color: #FF6600;
}

.alignright 
{
    float: right;
}

img.alignright, a img.alignright 
{
    float: right;
    margin-top: 4px;
    margin-right: 10px;
    margin-bottom: 5px;
    margin-left: 0px;
    border-color: #D5E6AC;
    border-width: 1px;
    border-style: solid;
    padding: 3px;
    background-color: #FFFFFF;
}

a:hover img.alignright 
{
    border-color: #FF6600;
    background-color: #FF6600;
}

#medias li{
    color: #000000;
    float:left;width:180px;
    border:1px solid #efefef;
    margin:0.2em;padding:0.2em;
    list-style:none;
}

#medias-window  
{
    width:100%;
    height:400px;
    overflow:auto;
}

/* User */

#block_login {
    width:215px;
}

.login_fields {
    //margin-left:20px;
    width:160px;
    height:12px;
    font-size: 10px;

}

.iblock {
    float:left;
    margin-right:10px;
    width:200px;
}
.mblock {margin-bottom:10px;float:left;width:200px;text-align:center;}

#inputtext1, #inputtext2 {
    width: 160px;
}

/*btn*/
.btn-save {
    background: url(../images/Save.png) no-repeat 0px 2px;
}
.btn-exclamation {
    background: url(../images/exclamation.png) no-repeat 0px 2px;
}
.btn-load {
    background: url(../images/Load.png) no-repeat 0px 2px;
}
.btn,.btn-save, .btn-exclamation, .btn-load
{
    width:150px;
    height:30px;
    font: normal small "Trebuchet MS", Arial, Helvetica, sans-serif;
    color: #666666;
    border:none;
    text-align:left;
    padding-left:40px;
    margin:5px;
    cursor:pointer;
}

/*Error messages */
.error_messages {
    margin: 15px;
    padding: 0 0 0 32px;
    background: #FAFAFA url(../images/quote.gif) no-repeat 5px 10px !important;
    background-position: 8px 10px;
    height:40px;
    border: 1px solid #f2f2f2;
    border-left: 3px solid #990000;
    font-weight: bold;

}
.inplaceeditor-form
{ background:none;border:none;
}
/* Font */
xsfont{
    font-size:8px;
}
/*Track map*/
.map_track{position:relative;z-index:1}
div.map_track input[type="checkbox"]{width:20px;}

#tt {z-index:200;position:absolute; display:block; background:url(/images/system/tt_left.gif) top left no-repeat}
#tttop {z-index:200;display:block; height:5px; margin-left:5px; background:url(/images/system/tt_top.gif) top right no-repeat; overflow:hidden}
#ttcont {z-index:200;display:block; padding:2px 12px 3px 7px; margin-left:5px; background:#666; color:#FFF}
#ttbot {z-index:200;display:block; height:5px; margin-left:5px; background:url(/images/system/tt_bottom.gif) top right no-repeat; overflow:hidden}