/* =============================================================================
   MAIN ELEMENTS
   ========================================================================== */
body {
	font: 11px "Lucida Grande","Lucida Sans Unicode",Arial,Verdana,sans-serif;
	color: #333;
	background-color: #f3f3f3;
}
body.login {
	background: #245e7f url('../img/bg_login.jpg') left center repeat-y;
}
h1 {
	font-family: 'VistaSlabBold';
	font-size: 18px;
}
h2 {
	font-size: 16px;
	color: #444;
	font-weight: bold;
	margin-left: 5px;
}
h3 {
	font-weight: bold; font-size: 11px;
	text-transform: uppercase;
}
.clear {
	clear: both;
}

/* =============================================================================
   LOGIN
   ========================================================================== */
#map {
	background: url('../img/login_process_anim.gif') 254px -25px no-repeat; 
	width: 353px; height: 333px; 
	float: left;
	margin-left: 150px;
	margin-top: 100px;
}  
#login {
	width: 215px;
	height: 600px;
	background-color: #245e7f;
	float: left;
	padding: 0 35px;
}
#login #login_form {
	margin-top: 150px;
}
#login #login_form label {
	display: block;
	color: white; 
	margin: 5px 0 3px 0;
	height: 15px;
	text-transform: uppercase;
}
#login #login_form input {
	border: 1px solid #cecece;
	padding: 5px 5px;
	width: 200px;
}
#login #login_form input[type=submit] {
	border: 0px;
	display: block;
	width: 95px; height: 25px;
	background: url('../img/btn_login.gif') bottom left no-repeat; 
	text-align: center; 
	color: #fff;
	line-height: 17px;
	margin-left: -1px;
	margin-top: 15px;
	cursor: pointer;
}
#login #login_form #login_logo {
	font-family: 'VistaSlabBold';
	color: #FFF;
	font-size: 30px;
	margin-top: 8px;

}
#login #login_form .error {
	margin-top: 5px;
	color: #BE0000;
	font-style: italic;
	margin-bottom: -10px;
}

/* =============================================================================
   MENU
   ========================================================================== */
#menu {
	width: 100%; height: 35px;
	background-color: #245e7f;
	border-bottom: 1px solid #2c373d; 
}
#menu a { 
	color: #FFF;
}
#menu #menuwrapper {
	width: 980px;
	margin: auto;
}
#menu #menuwrapper #logo {
	font-family: 'VistaSlabBold';
	color: #FFF;
	font-size: 20px;
	margin-top: 8px;
	float: left;
	padding-left: 10px; 
}
#menu #menuwrapper #company {
	margin: 14px 0 0 5px;
	display: block;
	float: left;
	color: #c3d7e2; 
	font: 10px 'FrutigerCn';
	letter-spacing: 1px;
}
#menu #logout {
	display: block; 
	float: right;
	padding-right: 10px;
}
#menu #logout a {
	color: #FFF;
	margin-top: 20px;
	line-height: 34px;
	margin-right: 2px;
}
/* =============================================================================
   CONTENT
   ========================================================================== */
#content {
	width: 980px;
	margin: auto;
	border: 1px solid #999;
	border-top: none;
	border-bottom: none;
	background: #FFF url('../img/bg_grad.jpg') top center repeat-x;
	min-height: 740px;
}
#content #submenu {
	width: 210px;
	border-right: 1px solid #AAA;
	background-color: #FFF;
	float: left;
	overflow: hidden;
	min-height: 760px;
	position: relative; 
}
#content #submenu ul{
	top: 0; width: 210px; overflow: hidden; padding-bottom: 20px;

}
#content #submenu ul li {
	font-size: 11px;
	border-bottom: 1px solid #EFEFEF;
	width: 170px; height: 25px;
	padding: 0 10px 0 30px;
	line-height: 25px;
	background: url('../img/icons/ico_project.gif') 7px center no-repeat;
	color: #555;
	line-height: 27px;
}
#content #submenu ul li.line {
	background-image: none;
	background-color: #EEE;
	border: none;
	width: 200px;
	border-bottom: 1px solid #CCC;
	font-weight: bold;
	text-transform: uppercase;
	padding-left: 8px;
	font-size: 8px;
	height: 17px;
	line-height: 19px;
	border-top: 1px solid #CCC;
}
#content #submenu ul li.line:hover {
	background-color: #EEE;
}
#content #submenu ul li #back {
	float: right;
	font-style: italic;
	color: #2c373d;
}
#content #submenu ul li #back:hover {
	float: right;
	font-style: italic;
	color: #245e7f;
}
#content #submenu ul li.profile {
	background: url('../img/icons/ico_profile.gif') 10px center no-repeat;
}
#content #submenu ul li.page {
	background: url('../img/icons/ico_page.gif') 7px center no-repeat;
	padding: 0 10px 0 29px; width: 171px;
}
#content #submenu ul li.list {
	background: url('../img/icons/ico_list.gif') 7px center no-repeat;
	padding: 0 10px 0 29px; width: 171px;
}
#content #submenu ul li.gallery {
	background: url('../img/icons/ico_gallery.gif') 7px center no-repeat;
	padding: 0 10px 0 29px; width: 171px;
}
#content #submenu ul li.subpage-page {
	background: url('../img/icons/ico_page.gif') 25px center no-repeat;
	padding: 0 10px 0 47px; width: 153px;
}
#content #submenu ul li.subpage-list {
	background: url('../img/icons/ico_list.gif') 25px center no-repeat;
	padding: 0 10px 0 47px; width: 153px;
}
#content #submenu ul li.subpage-gallery {
	background: url('../img/icons/ico_page.gif') 25px center no-repeat;
	padding: 0 10px 0 47px; width: 153px;
}
/*MODULES*/
#content #submenu ul li.agenda {
	background: url('../img/icons/ico_gallery.gif') 7px center no-repeat;
	padding: 0 10px 0 29px; width: 171px;
}


#content #submenu ul li.current {
	/*background-color: #d8dfea;*/
	background-color: #f8f8f8; 
}
#content #submenu ul li:hover {
	/*background-color: #e9ecf2;*/
	background-color: #f7f7f7; 
}
#content #submenu ul li a {
	color:#555;
}
#content #submenu ul li a:hover {
	color: #000;
}
#content #submenu ul li.active {
	width: 200px;
	background: none;
	padding: 0 10px;
	margin: 0px;
	background-color: #EFEFEF;
	color: #555;
	border-bottom: 1px solid #CCC;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
}
#content #crumbnail {
	float: left; 
	height: 25px; width: 769px;
	background-color: #EFEFEF;
	border-bottom: 1px solid #CCC;
}
#content #crumbnail a {
	color: #666; 
	height: 25px;
	line-height: 25px;
}
#content #crumbnail a:hover {
	text-decoration: underline;
}
#content #crumbnail img {
	margin: 7px 15px;
	float: left; 
}
#content #crumbnail span {
	height: 25px;
	line-height: 25px;
	display: block;
	margin-left: 35px;
	color: #666;
}
#content #top {
	float: left;
	height: 103px;
	width: 769px;
	border-bottom: 1px solid #CCC;
	background-color: white;
}
#content #top #th_profile {
	float: left;
	margin: 10px 25px 0 25px;
}
#content #top .languages {
	margin: 10px 10px 10px 0;
	float: right;
}
#content #top .languages a{
	margin-left: 5px;
}
#content #top #icon {
	width: 125px; height: 125px;
	margin: 15px;
	border: 1px solid #55666f;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	background-color: white;
	float: left;
}
#content #top #icon #iconimage {
	height: 113px; width:113px;
	border: 1px solid #8499a5;
	background-color: #245E7F;
	margin: 5px;
	background-position: center center;
}
#content #top #title {
	font-size: 16px;
	color: #444;
	margin-top: 65px;
	font-weight: bold;
	height: 20px;
}
#content #top #subtitle {
	color: #888;
	font-style: italic;
	margin-top: 2px;
	font-size: 9px;
}
#content #top #subtitle a{
	color: #888; min-height: 600px;
}
#content #top #subtitle a:hover{
	color: #AAA;
}
#content #main {
	margin: 0 0 0 15px;
	float: left;
	min-height: 610px;
}
#content #main .e_maxwidth {
	width: 700px !important;
}
#content #main #editcontent {
	float: left;
	width: 550px;
	min-height: 450px;
	margin-top: 75px;
	padding-bottom: 60px;
}
#content #main #editcontent .json-field label {
	width: 95px; float: left; font-weight: bold; line-height: 26px;
}
#content #main #editcontent .json-field input {
	width: 255px;
	margin-bottom: 3px;
}
#content #main #editcontent .json-field .json-field-row {
	margin-bottom: 10px; border-bottom: 1px solid #CECECE; padding-bottom: 10px; position: relative;
}
#content #main #editcontent .json-field .json-field-row .delete-json {
	position: absolute; right: 21px; bottom: 15px; cursor: pointer;
}
#content #main #editcontent .json-field .add-element {
	line-height: 22px; font-weight: bold; cursor: pointer;
}
#content #main #editcontent .json-field .add-element img {
	float: left;
}
#content #main #editcontent .element-example {
	display: none;
}
#content #main #editcontent a{
	color: #245E7F; 
}
#content #main #editcontent a:hover{
	text-decoration: underline;
}
#content #main table tr {
	height: 25px;
}
#content #main .labels {
	font-weight: bold;
	width: 95px;
	text-transform: uppercase;
}
#content #main .headline h3 {
	font-size: 12px; color: #245E7F; width: 456px; padding-bottom: 5px; border-bottom: 1px solid #245E7F;
}
 .message {
	padding: 5px;
	font-style: italic;
	color: red;
	display: inline-table;
	margin: 10px 8px;
}
#content #main .pic_id img {
	border: 1px solid #cecece;
}
#content #main .formelements *{
}


#content #main .image-crop-tools{
	float: left; 
}

#content #main .editelement, #content #main .deleteelement {
	cursor: pointer;
	float: left;
	margin-right: 5px;
	font-style: italic;
	width: 25px;
	height: 25px;
	background-color: #cecece;
	text-align: center;
}
#content #main .editelement:hover, #content #main .deleteelement:hover {
	background-color: #d8dfea;
}
#content #main .deleteelement img, #content #main .editelement img{
	margin-top: 6px;
}
#content #main .s_size{
	display: block;
	float: left;
	font-weight: normal !important;
	text-transform: none !important;
	margin-top: -7px;
}
#content #main .s_title {
	text-transform: none !important;
	font-style: italic;
	font-weight: normal !important;
	color: #999 !important;
	margin-top: 7px;	
}

#content #main .hidden {
	display: none;
}
#content #main #list-controls {
	background-color: #F4F4F4;
	position: absolute;
	margin-left: 475px;
	border-left: solid 1px white;
	border-right: solid 1px white;
	border-bottom: solid 1px white;
	border-radius: 0px 0 5px 5px;
	box-shadow: 0px 1px 1px #CCC;	
}

#content #main #list-extras #btn_filter {
	background-color: #F4F4F4;
	position: absolute;
	margin-top: -76px;
	margin-left: 729px;
	border-left: solid 1px #CECECE;
	border-top: solid 1px #CECECE;
	height: 24px;
}


#content #main #list-extras #btn_filter {
	cursor: pointer; 
}
#content #main #filter_box {
	position: absolute;
	margin-top: -179px;
	margin-left: 550px;
	background-color: #E9ECF2;
	border-left: solid 1px #B7BFCE;
	padding: 5px;
	width: 193px;
	padding-bottom: 0px;
	display: none;
	height: 98px;
}
#content #main #filter_box img#filter_box_pointer{
	position: absolute;
	margin-top: -10px;
	margin-left: 103px;
}
#content #main #filter_box span{
	width: 174px;
	overflow: hidden;
	display: block;
	float: left;
	border-bottom: 1px solid #B7BFCE;
	padding-bottom: 5px;
	margin-bottom: 5px;
}
#content #main #filter_box input {
	margin-top: 3px;
}
#content #main #filter_box li {
	margin-bottom: 5px;
}
#content #main #filter_box li.filter_inactive span{
}
#content #main .formelements input {
	border: 1px solid #cecece;
	padding: 5px 5px;
	width: 350px;
}
#content #main .formelements iframe[type=youtube], #content #main .formelements iframe[type=vimeo] {
	border: 1px solid #cecece;
}
#content #main .formelements textarea {
	border: 1px solid #cecece;
	padding: 5px 5px;
	width: 350px;
	height: 50px;
	resize: none;
}
#content #main .formelements .tinymce {
	width:452px;
	max-height: 400px;
	height: 200px;
}
#content #main .formelements .dropdown {
	float: left; 
}
#content #main .formelements input[type=checkbox] {
	width: 12px;
}

#content #main .formelements .youtube input, #content #main .formelements .vimeo input{
	width: 252px !important; float: left; 
}
#content #main .formelements .deleteelement {
	margin-top: 10px; cursor: pointer; float: left;
	margin-right: 5px; font-style: italic; width: 25px;
	height: 25px; background-color: #CECECE; text-align: center;
}
#content #main .formelements .size {
	float: left; margin-top: 15px;
}
#content #main .formelements .file {
	color: #434343; font-style: italic; clear: left; float: left; margin-top: 10px;
}
#content #main .formelements .deleteelement:hover {
	background-color: #d8dfeb;
}
#content #main .formelements .deleteelement img{
	display: block; margin: 5px;
}

#content #main .fileupload_delete {
	cursor: pointer; 
}
.fileupload_main {
	background-color: rgb(247, 247, 247); padding: 10px; width: 435px; border: 1px solid #EEE;
}
.valid_files {
	float: right; margin-right: 10px; margin-top: 5px; font-size: 10px; color: rgb(160, 160, 160);
}
.fileupload_main .fileupload_file {
	margin-top: 5px; overflow:hidden; 
}
.fileupload_main .even {
}
.fileupload_main .labels {
	display: block; margin-bottom: 10px; width: 150px !important;
}
.fileupload_main .fileupload_online {
	margin-bottom: 15px; padding-bottom: 15px; border-bottom: 1px dashed rgb(153, 153, 153); 
}
#content #main .fileupload_list img.file_icon{
	float: left; margin-right: 5px;
}

#content #main .fileupload_newfile {
	margin-top: 15px; padding-top: 5px; border-top: 1px dashed #CECECE; width: 360px; font-style: italic; line-height: 25px;
}
#content #main .chosen-select {
	width: 362px; 
}
#content #main .fileupload_newfile img {
	margin-top: 5px; float: left; margin-right: 3px;
}
#content #main .formelements .previewvideo:hover {
	background-color: #d8dfea; 
}
#content #main .imageelements { /*DELETE*/
	width: 115px; height: 115px;
	background-color: #245e7f;
	background-position: center center;
	border: 3px solid #cecece;
	float: left;
	margin-right: 15px;
}
#content #main .db_image_preview {
	width: 115px; height: 115px;
	background-color: #245e7f;
	background-position: center center;
	border: 3px solid #cecece;
	float: left;
	margin-right: 15px;
	display: block; 
	background-size: cover;
}
#content #main .ico_fileupload {
	cursor: pointer; margin-right: 5px;
}
#content #main .fileupload_element {
	display: block; height: 17px; width: 405px;
	display: block; float: left; 
}
#content #main #queue .drop {
	color: rgb(134, 134, 134); font-style: italic; font-size: 10px; padding: 5px;
}
#content #main .fileupload_element a{
	float: left; 
}
#content #main .fileupload_element .filename {
	width: 300px; display: block; float: left; line-height: 17px; overflow: hidden;
}
#content #main .imageprop input{
	width: 213px;
	margin-bottom: 15px;
}
#content #main .imageprop input[readonly=readonly]{
	background-color: #ececec; color: #858585; font-style: italic;
}
#content #main .imageprop span {
	text-transform: uppercase;
	font-weight: bold;
	display: block;
	margin-bottom: -5px;
}
#content #main input._newitem {
	width : 232px;
	width: 150px;
	margin-left: 5px;
}
#content #main .error {
	font-style: italic;
	color: #B90404;
}
#content .mbtn_default {
	width: 95px;
	height: 26px;
	background: url('../img/btn_main.png') bottom center no-repeat;
	text-align: center;
	color: #FFF !important;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	display: block;
	float: left;
	line-height: 23px; 
}
#content .mbtn_error {
	width: 95px; height: 27px;
	background: url('../img/btn_main.png')  center 1px no-repeat; 
	text-align: center; 
	color: #FFF;
	padding-bottom: 3px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
}
#content .mbtn_grey {
	width: 95px; height: 27px;
	background: url('../img/btn_main.png')  center -25px no-repeat; 
	text-align: center; 
	color: #FFF;
	padding-bottom: 3px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
}
#content #main #btn_send {
	width: 95px; height: 27px;
	background: url('../img/btn_main.png') bottom center no-repeat; 
	text-align: center; 
	color: #FFF;
	padding-bottom: 3px;
	margin-left: 5px;
	cursor: pointer;
	border: none;
	margin-top: 20px;
	
}
#content #main #selector_option{
	display: none; 
}
/* =============================================================================
   OVERVIEW PROJECT
   ========================================================================== */
#content #used_storage {
	float: left; display: block; width: 40px; height: 20px; line-height:17px; margin-left: 5px;
}
#content #total_storage {
	float: left; display: block; width: 50px; height: 20px; line-height: 20px; margin-left: 5px;
}
#content #storage {
	position: absolute; bottom: 0px; left: 0px; padding: 13px 0px 10px 10px;
	background-color: #F7F7F7; width: 200px; border-top: 1px solid #CECECE;
}
#content #storage #bar_storage {
	width: 150px; height:15px; background-color: #e9ecf2; border: 1px solid #2C373D; float: left; 
}
#content #storage #loadbar_storage {
	width: 1px; height:15px; background-color: #245E7F; 
}



/* =============================================================================
   SEARCH SIDEBAR
   ========================================================================== */
#content #main #searchcontent {
	width: 203px;
	height: 670px;
	border-left: 1px solid #cecece;
	background: url('../img/bg_minilocator.jpeg') repeat; 
	float: left;
}
#content #main #searchcontent #btn_sort{
	position: absolute;
	margin-top: -25px;
	margin-left: 180px;
	padding: 3px;
	background-color: #F7F7F7;
	border-left: #CECECE 1px solid;
	cursor: pointer;
	height: 18px;
}
#content #main #searchcontent .hiddensearchcontent{
	display: none;
}
#content #main #searchcontent input{ 
	padding-left: 5px; padding-right: 5px; 
	width: 193px;
	border: none;
	height: 24px;
	border-bottom: 1px solid #CECECE;
}	
#content #main #searchcontent ul#searchelements {
	height: 645px;
	overflow-x: hidden;
	overflow-y: scroll;
}
#content #main #searchcontent ul#searchelements .displayNone{
	display: none !important;
}
#content #main #searchcontent ul#searchelements li{
	display: block;
	list-style-type: none;
	padding-left: 5px; padding-right: 5px; 
	width: 193px; height: 24px;
	background-color: #f7f7f7;
	border-bottom: 1px solid #CECECE;
	line-height: 25px;
	color: #444;
	overflow: hidden;
}
#content #main #searchcontent ul#searchelements .active{
	background-color: #e6e9ec !important; 
}
#content #main #searchcontent ul#searchelements li a{
	color: #444;
}
#content #main #searchcontent ul#searchelements li a:hover{
	color: #000;
}
#content #main .btn_makexls {
	cursor: pointer; 
}

/* =============================================================================
   SIDEBAR
   ========================================================================== */
#content #main #sidebar {
	width: 203px;
	height: 470px;
	float: left;
	margin-top: -75px;
	text-align: center;
}
#content #main #sidebar .title{
	font-family: 'VistaSlabBold';
	color: #333;
	font-size: 80px;
}

/* =============================================================================
   PROFILE
   ========================================================================== */
   
   
.ttitle {
	font-weight: bold;
	text-transform: uppercase;
}
#profile tr.odd {
	background-color:#ececec;
}
#profile td {
	padding: 0px 5px;
}
#profile #sidebar {
	text-align: left !important;
}
#profile #sidebar #profilesettings{
	margin: 10px;
	margin-top: 80px;
}
#profile #sidebar #profilesettings h2{
	margin-left: 0px !important;
	margin-bottom: 10px;
}
.up {
	text-transform: uppercase;
	font-weight: bold;
	margin-bottom: 2px;
}

/* =============================================================================
   MAIN MODULES
   ========================================================================== */
.module {
	width: 730px !important;
}


/* =============================================================================
   FOOTER
   ========================================================================== */
#footer {
	width: 980px;
	margin: auto;
	background-color: #245e7f; 
	text-align: center;
	color: #c3d7e2; 
	font: 10px 'FrutigerCn';
 	line-height: 28px;
	height: 25px;
	border: 1px solid #2C373D;
	border-top: none;
	margin-bottom: 20px;
	border-radius: 0 0 6px 6px;
}
#footer a {
	color: #c3d7e2; 
	text-decoration: underline;
}