@CHARSET "UTF-8";
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body
{
 margin: 0px;
 padding: 0px;
 font-family: Arial, Verdana, sans-serif;
 font-size: 11px;
 min-width: 550px;
 background: rgb(0,78,64);
 text-align:center;
}
#container
{
    margin: 0px auto;
    width: 1024px;
    background: #fff;
}
/* Header */
#container #header
{
    /* margin-top: 10px; */
    height: 122px;
    background: rgb(0,78,64) url(../images/header2.png) no-repeat 0px 10px;
    background-repeat: no-repeat;
}
#container #header #logo
{
    float: left;
    width: 111px;
    height: 22px;
    margin-top: 26px;
    margin-left: 20px;
}
#container #header #account_settings
{
    float: right;
    width: 650px;
    margin-top: 10px;
    padding-top: 0px;
}
#container #header #account_settings ul.user
{
    list-style: none;
    float: right;
}
#container #header #account_settings ul.user a
{
   color: #7eb8af;
   text-decoration: none;
}
#container #header #account_settings ul.user a:hover
{
    color: #ffffff;
    text-decoration: none;
}
#container #header #account_settings li.user
{
    margin-right: 5px;
    margin-bottom: 10px;
    padding-right: 5px;
    font-family: verdana;
    font-size: 10px;
    float:left;
}
#container #header #account_settings ul.other
{
    list-style: none;
    CLEAR:BOTH;
    float: right;
    color: #ffffff;
    width: 200px;
}
#container #header #account_settings li.other
{
    margin-right: 5px;
    padding-right: 5px;
    float: left;
    font-family: verdana;
    font-size: 10px;
    display: inline;
}

/* NavBar */

#navbar {
	width: 1024px;
	height: 39px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	background: url(../images/navbar_bg.gif) repeat-x left top;
}
#navbar ul {
	width: 1024px;
	height: 35px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 4px 10px;
	list-style: none;
 	background: url(../images/navbar_li_bg.gif) no-repeat -5px 30px;
}
#navbar ul li {
	height: 35px;
	float: left;
 }
#navbar ul li a {
	display: block;
	float: left;
	height: 24px;
	font: 13px Arial, Helvetica, sans-serif;
	color: #207962;
	font-weight: bold;
	text-decoration: none;
	padding: 11px 15px 0px 0px;
 	background: url(../images/navbar_li_bg.gif) no-repeat right bottom;
}
#navbar ul li a:hover {
	color: #98cf30;
	text-decoration: none;
}
/*
	ha bejön a research mindegyik "padding-left"-ből le kell húzni 2őt (kivéve persze a research-ot),
	és a "li a padding-right"-jából is 5öt, és akkor lesz jó :p
*/
#navbar ul li.mainpage { background: url(../images/navbar_mainpage.gif) no-repeat 0px 0px; }
#navbar ul li.mainpage a { padding-left: 30px; }
#navbar ul li.campaign { background: url(../images/navbar_campaign.gif) no-repeat 2px 0px; }
#navbar ul li.campaign a { padding-left: 27px; }
#navbar ul li.creative { background: url(../images/navbar_creative.gif) no-repeat 2px 0px; }
#navbar ul li.creative a { padding-left: 23px; }
#navbar ul li.event { background: url(../images/navbar_event.gif) no-repeat 2px 0px; }
#navbar ul li.event a { padding-left: 31px; }
#navbar ul li.imagetools { background: url(../images/navbar_imagetools.gif) no-repeat 0px 0px; }
#navbar ul li.imagetools a { padding-left: 29px; }
#navbar ul li.sponsoration { background: url(../images/navbar_sponsoration.gif) no-repeat 2px 0px; }
#navbar ul li.sponsoration a { padding-left: 28px; }
#navbar ul li.approve { background: url(../images/navbar_approve.gif) no-repeat 2px 0px; }
#navbar ul li.approve a { padding-left: 32px; }
#navbar ul li.otpimage { background: url(../images/navbar_otpimage.gif) no-repeat 1px 0px; }
#navbar ul li.otpimage a { padding-left: 31px; }
#navbar ul li.research { background: url(../images/navbar_research.gif) no-repeat 3px 0px; }
#navbar ul li.research a { padding-left: 30px; }
#navbar ul li.imagebank { background: url(../images/navbar_imagebank.gif) no-repeat 2px 0px; }
#navbar ul li.imagebank a { padding-left: 32px; }
/* /NavBar */

#container .column
{
  float:left;
}
/* Login */
#login
{
    width: 100%;
    overflow: hidden;
    background: #fff;
    font-family: verdana;
    font-size: 10px;
}
#login #login_box
{
    margin: 10px auto;
    text-align: justify;
    width: 180px;
    height: 200px;
}
#login #login_box label
{
    margin-right: 10px;
}

#login #login_box input.submit
{
  width: 55px;
  height: 20px;
  border: none;
  color: white;
  font-size: 10px;
  background: transparent url(../images/button.png);
}

#login #login_box h1
{
    color: #004e40;
    font-size: 24px;
}

/* Content */
#center
{
    width: 800px;
    background: #fff;
    font-family: arial;
    font-size: 11px;
    padding-top: 10px;
    float: left;
}
#center .content
{
    margin-left: 10px;
    width: 800px;
    text-align: left;
}
/*#center .content h1
{
    padding: 6px;
    font-weight: bold;
    font-size: 11px;
    color: #29695b;
    background-color: rgb(206, 217, 214);
    border-bottom: 1px solid #666666;
}*/
#center .content a:link
{
    color: #29695b;
    text-decoration: none;
}
#center .content a:hover
{
    color: #92afaa;
}
#center .content .row
{
    float: left;
    width: 650px;
    margin-top: 1em;
    margin-right: 0pt;
    margin-bottom: 1em;
    margin-left: 0pt;
    padding-left: 1em;
}
#center .content .item
{
    margin-left: 5px;
    margin-right: 5px;
    margin-bottom: 5px;
    padding-top: 5px;
    padding-left: 12px;
    padding-right: 12px;
    width: 600px;
    float: left;
    border-bottom: 2px ridge #666666;
}
#center .content .item .prew
{
    float:left;
    width:200px;
    margin-left: 10px;
    margin-right:16px;
    overflow: hidden;
}
#center .content .item .prew img
{
    margin-top: 2px;
}
#center .content .item .prew .thumbnail
{
    padding-top: 2px;
    width: 190px;
    height: 190px;
}
#center .content .item .text
{
    float: right;
    margin-top: 2px;
    width: 200px;
    font-size: 10px;
}
#center .content .item .element
{
    font-weight: bold;
    font-size: 12px;
    font-style: normal;
    background-color: rgb(244, 249, 229);
}
#center .content .item .text h2
{
   padding: 4px;
   font-weight: bold;
   font-size: 10px;
   font-family: verdana;
   color: #29695b;
   border-bottom: 1px solid #666666;
}
#center .content .item .text ul
{
    list-style: none;
}
#center .content .row .files
{
    width: 100%;
    float: left;
}
#center .content .row .files table
{
     margin-top: 5px;
     border-collapse: collapse;
}
#center .content .row .files table th
{
    background: rgb(229, 235, 233);
    color: #63837a;
    width: 84px;    
    padding: 5px;
    border:1px solid rgb(224, 228, 227);
    text-align: center; 
}
#center .content .row .files table .filename
{
    border:1px solid rgb(229, 235, 233);
    background: rgb(206,217,214);
    text-align: center;
    color: rgb(168,9,39);
    font-weight: bold;
     
}
#center .content .row .files table td
{
    border:1px solid rgb(229, 235, 233);
    background: rgb(206,217,214);
    text-align: center;
    color: rgb(0,74,57);
     
}
#center .content .row h2
{
   width: 190px;    
   padding: 4px;
   font-weight: bold;
   font-size: 10px;
   font-family: verdana;
   color: #29695b;
   border-bottom: 1px solid #666666;

}
#center .content .row .buttons a:link
{
     color: #19721f;
     margin-right: 5px;
     font-size: 12px;
     font-weight: bold;
}
#center .content .row .buttons a:hover
{
     color: #ccc;
     margin-right: 5px;
     font-size: 12px;
     font-weight: bold;
}
#center .content .row .buttons a:visited
{
     color: #19721f;
     margin-right: 5px;
     font-size: 12px;
     font-weight: bold;
}

#center .content .box
{
    width: 480px;
    text-align: left;
    margin-bottom: 2px;
}
#center .content .box table
{
    border: none;
}
#center .content .box .box_content
{
    border:1px solid rgb(150,166,117);
    background-image: url(../images/content_back.png);
    background-repeat: repeat-y;
}

#center #content .box .box_content .formrow
{
        clear:both;
        padding-left: 5px;
}
div#uploads
{
    width: 100%;
    padding: 0px 5px 2px 2px;
}
div#uploads #filename
{
  font-size: 10px;
}
div#uploads input.button
{
     color: #000000;
    background-color: #e6eae9;
  border:1px solid #a2bba0;
}
div#uploads table 
{
    margin-top: 5px;
    border-collapse: collapse;
}
div#uploads td
{
    border: 1px solid rgb(229, 235, 233);
}
div#uploads th
{
    background: rgb(201, 219, 213);
    width: 84px;    
    padding: 5px;
    border:1px solid rgb(229, 235, 233);
    text-align: center; 
}


#center .content .box .box_content hr
{
  color: #cbdcba;
  background-color: #cbdcba;
  height: 2px;
}
#center .content .box .box_content #content_data
{
  width: 260px;
  font-family: verdana;
  font-size: 12px;
  color: #385003;
}

.box .box_head
{
  background: transparent url(../images/box_head.png);
  height: 25px;
}

#center .content .box .box_head h1
{
    background: none;
    text-align: left;
    padding-top: 5px;
    padding-left: 25px;
    color:white;
    font-size: 14px;
}
#center .content .box .box_head a:link
{
     color: rgb(168,9,39);
     text-decoration: none;
}
#center .content .box .box_head a:visited
{
     color: rgb(62, 111, 13);
     text-decoration: none;
}

#center .content .box .box_head a:hover
{
     color: rgb(255,255,255);
     text-decoration: none;
}
/* Campaign List */
h1.title
{
    width: 100%;
    padding-top: 2px;
    padding-left: 20px;
    float: left;
    height: 24px;
    font-weight: bold;
    font-size: 16px;
    color: #29695b;
    background-color: rgb(239, 239, 231);
    border-bottom: 1px solid #666666;
 
}
.content .camp_item
{
    margin-left: 100px;
    width: 600px;
    border:1px solid rgb(214,239,167);
    float: left;
}
.content .camp_item .item_head
{
    width: 598px;
    height: 18px;
    padding-left: 2px;
    padding-top: 2px;
    background-color: rgb(239, 239, 231); 
}
.content .camp_item .item_head a
{
    font-size: 14px;
    font-weight: bold;
}
.content .camp_item .colOne
{
    float: left;
    width: 200px;
}
.content .camp_item .colOne .slogan
{
    margin-top: 10px;
    margin-left: 4px;
    width: 180px;
    height: 60px;
    background: rgb(253,253,253);
}
.content .camp_item .colOne .slogan h1
{
    padding-left: 2px;
    width: 178px;
    color: rgb(140,206,24);
    font-size: 22px;
    font-family: avantgarde;
    font-weight: bold;

}
.content .camp_item .colOne .budget
{
    margin-top: 2px;
    margin-left: 4px;
    width: 180px;
    height: 64px;
    background: rgb(253,253,253);
}
.content .camp_item .colOne .budget h1
{
    
    background-color: rgb(246,246,246);
    padding-left: 2px;
    width: 178px;
    color: rgb(140,206,24);
    font-size: 14px;
    font-weight: bold;
}
.content .camp_item .colTwo
{
    float: right;
    width: 400px;
}
.content .camp_item .colTwo .timeline
{
    height: 50px;
}
.content .camp_item .colTwo .data_rowOne
{
    height: 50px;
}
.content .camp_item .colTwo .data_rowOne ul
{
    list-style: none;
}
.content .camp_item .colTwo .data_rowTwo
{
    height: 50px;
    
}
.content .camp_item .colTwo .data_rowTwo table
{
   float:left;
}
.content .camp_item .colTwo .data_rowTwo table.two
{
    float: right;    
}
.content .camp_item .colTwo .data_rowTwo input
{
    width: 100px;
}
.content .camp_item .colTwo .tdtitle
{
        color: rgb(140,206,24);
}
/*Locality Change*/

.content .locality_state
{
    width: 650px;    
}
.content .locality_state .head
{
    padding-left: 10px;
    overflow: hidden;
    height: 20px;
    font-family: verdana;
    font-size: 10px;
    
}
.content .locality_state .locRow
{
    width: 650px;
    padding-left: 10px;
    margin-bottom: 10px;
}
.content .locality_state .colBox
{
    margin-left: 1px;
    margin-top: 5px;
    background-image: url(../images/loc_box.jpg);
    background-repeat: no-repeat;
    background-position: top center;
    overflow:hidden;
    text-align: center;
    font-family: verdana;
    font-size: 10px;
    width: 230px;
    float: none;
    padding-bottom: 5px;
    border: 1px solid #F2F4F4;
}
.content .locality_state .colBox .Logo
{
    width: 80px;
    margin-top: 15px;
    float: left;
    overflow: hidden;
    min-height: 90px;
    _height: 90px;
}
.content .locality_state .colBox .Data
{
    margin-top: 10px;
    padding: 2px;
    overflow: hidden;
    width: 140px;
    float: right;
    min-height: 90px;
    _height: 90px;
}
.content .locality_state .colBox .Data ul
{
    list-style: none;
}
.content .locality_state .colBox .Data li
{
   padding-bottom: 10px;
}
.content .locality_state .colBox .Data h2
{
    color: #a80927;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana;
}
.content .locality_state .colBox .Data a:link
{
    color: #003928;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;    
}
.content .locality_state .colBox .Data a:hover
{
    color: #003928;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;}
.content .locality_state .colBox .Data a:visited
{
    color: #003928;
    text-decoration: none;
    font-weight: bold;
    font-size: 10px;
    
}
/* search */

#search ul.searchResults li {
  margin-left: 25px;
  padding: 2px;
}

/* media_plan_asset */

#media_plan_asset #edit_tag input.text {
 width: 70px;
}

#media_plan_asset #dates
{
	
}
#media_plan_asset #dates #edit_tag #start_date
{
    width: 70px;
}
#media_plan_asset #dates #edit_tag #end_date
{
    width: 70px;
}

#media_plan_asset #dates #view_tag 
{
   margin-top: 10px;
   margin-left: 12px;
}

#media_plan_asset #dates #view_tag table
{
    border-collapse: collapse;
}

#media_plan_asset #dates #view_tag td
{
    border: 1px solid rgb(229, 235, 233);
    padding: 3px 5px;
    width: 75px;
}

#media_plan_asset #dates #view_tag td.one_day, #media_plan_asset #dates #view_tag td.delete {
 text-align: center;
}

#media_plan_asset #dates #view_tag tr.header td
{
    background: rgb(201, 219, 213);
    width: 75px;
    padding: 3px 5px;
    border: 1px solid rgb(229, 235, 233);
    text-align: center; 
    font-weight: bold;
}

#media_plan_asset select {
 width: 160px;
}

/* timeline */

/* ez a tábla */
	#timeline {
		font-size: 11px;
		border-collapse: collapse;
		border:1px solid #A2A8AD;
		text-align: center;
	}
	
	/* hétvégék */
	#timeline .weekend {
	 background-color: #D3EAA8;
	 min-width: 20px;
	 color:#20715B;
	}
	
	/* ez úgy mind, ezzel akartam a fix szélességet minden napnak, nem sikerült :) */
	#timeline tr td {
		border: 1px solid #A2A8AD;
		padding: 2px 3px;
		min-width: 20px;
	}
	
	
	/* hónapok nevei fent */
	#timeline tr#month_header td {
		text-align: center;
	}
	
	/* üres sorok */
	#timeline tr.spacer_row td {
	 height: 15px; 
	}
	
	/* bal oldali összefoglaló és a naptár közti oszlop */
	#timeline td.spacer {
		border-bottom: none;
		border-top: none;
	}
	
	/* ilyen sztem nincs is benne :) */
	#timeline td.noborder {
		border-style: none;
	}
	
	/*
	* kategóriák:
	* tr.electronic, tr.print, tr.online lesznek
	*/
	
	/* ennek kéne kül. színűnek lenni a három esetbe */
	#timeline tr.electronic td.subtype {
		background-color: #E4E4E4;
		font-weight:bold;
	}
	
	#timeline tr.print td.subtype {
		background-color: #FFE9BF;
		font-weight:bold;
	}
	
	#timeline tr.online td.subtype {
		background-color: #D7EAFA;
		font-weight:bold;
	}
	
		td.media_name a {
			color: #CFA15F;
			text-decoration:underline;
		}
		td.media_name a:hover {
			color: #CFA15F;
			text-decoration:none;
		}
	
	/* csak hogy a médianév középre rendeződjön */
	#timeline td.media_name {
	text-align: left;
	}
	
	/* itt van megjelenés, ez hétvégétől függetlenül x színű, három különböző három típusnál */
	#timeline tr.electronic td.active {
		background-color: #E4E4E4;
		color: #39816E;
	}
	
	#timeline tr.online td.active {
		background-color: #D7EAFA;
		color: #39816E;
	}
	
	#timeline tr.print td.active {
		background-color: #FFE9BF;
		color: #39816E;
	}

	table#timeline tbody tr td.noborder, table#timeline tbody tr td.subtype {
		padding: 2px 100px;
	}

/* Approve */
.content .approve_state
{
    width: 880px;
    padding: 10px;
}
.content .approve_state h1
{
    float: left;
    width: 100%;
    padding: 2px;
    height: 20px;
    font-weight: bold;
    font-size: 16px;
    color: #29695b;
    background-color: rgb(239, 239, 231);
    border-bottom: 1px solid #666666;
 

}
.content .approve_state .row
{
    margin-top: 10px;
    width: 100%;
}
.content .approve_state .row .colCampaign
{
    float: left;
    width: 200px;
    background: rgb(253,253,253);
    border:1px solid rgb(214,239,167);
}
.content .approve_state .row .colCampaign h1
{
    background-color: rgb(246,246,246);
    padding-left: 2px;
    width: 196px;
    color: rgb(140,206,24);
    font-size: 14px;
    font-weight: bold;
}
.content .approve_state .row .colCampaign ul
{
    float: left;
    list-style: none;
    padding:5px;
    
}
.content .approve_state .row .colCampaign .campaignRow
{
    margin-top: 2px;
    width: 100%;
    float: left;
    border-top: 1px solid #21735a;
    border-bottom: 1px solid #21735a;
}
.content .approve_state .row .colCampaign a:link
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}
.content .approve_state .row .colCampaign a:hover
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}

.content .approve_state .row .colCampaign a:visited
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}
.content .approve_state .row .colCreative
{
    float: right;
    width: 300px;
    margin-right: 100px;
    height: 200px;
    background: rgb(253,253,253);
    border:1px solid rgb(214,239,167);

}
.content .approve_state .row .colCreative h1
{
    background-color: rgb(246,246,246);
    padding-left: 2px;
    width: 296px;
    color: rgb(140,206,24);
    font-size: 14px;
    font-weight: bold;
}
.content .approve_state .row .colCreative ul
{
    float: left;
    list-style: none;
    padding:5px;
    
}
.content .approve_state .row .colCreative a:link
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}
.content .approve_state .row .colCreative a:hover
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}

.content .approve_state .row .colCreative a:visited
{
    text-decoration:none;
    color: #a80927;
    font-weight: bold;
}
.content .approve_state .row .colCreative .creativeRow
{
    margin-top: 2px;
    width: 100%;
    float: left;
    border-top: 1px solid #21735a;
    border-bottom: 1px solid #21735a;
}

.editbox input.text {
  width: 260px;
}


#left
{
    width: 100px;
  height: 640px;
  margin-left: -916px; /* :D */
  overflow:hidden;
  padding-left: 5px;
  padding-top: 5px;
  background-image: url(../images/left_menu.png);
  background-repeat: repeat-y;

}
#left .menu
{
    border-top: 1px solid white;
    width: 80px;
    
}
#left .menu li
{
    list-style: none;
    border-bottom: 1px solid white;
    padding-bottom: 2px;
}    

#dropmenudiv
{
    position:absolute;
    margin-left: 5px;
    background-color: rgb(202, 219, 185);
    border:1px solid #f2fbe9;
    border-bottom-width: 0;
    font:normal 10px Verdana;
    line-height:18px;
    z-index:100;
}

#dropmenudiv a 
{
    width: 100%;
    display: block;
    text-indent: 3px;
    border-bottom: 1px solid #f2fbe9;
    padding: 1px 0;
    text-decoration: none;
    font-weight: bold;
    color: rgb(3,69,68)

}

#dropmenudiv a:hover
{
    background-color: rgb(206, 217, 214);
}
#dropmenudiv a:visited
{
   color: rgb(3,69,68); 
}

#left a
{
    color: rgb(3,69,68);
    text-decoration: none;
}
#left h1
{
    font-size: 10px;
    padding-top: 4px;
    color: white;
    font-family: verdana;
}
#right
{
    width: 200px;
    height: 630px;
    padding: 0 10px;
    overflow: hidden;
    margin-right: -100px;
    background: #FFFFFF;
}
#right .filterbox
{
    padding-top: 10px;
    width: 100%;
}
#right .filterbox .filterbox_content
{
    border:1px solid rgb(150,166,117);
    font-size: 10px;
    text-align: left;
    background-image: url(../images/menu_back.png);
    background-repeat: repeat-y;
    padding-bottom: 5px;
    padding-left: 2px;
}

#right .filterbox .filterbox_content input, #right .filterbox .filterbox_content select
{
  font-size: 12px;
  padding: 1px;
  
}

#right .filterbox .filterbox_content input.text {
  width: 125px;
}

#right .filterbox .filterbox_head
{
    height: 16px;
    background-image: url(../images/filterbox_head.png);
}
#right .filterbox .filterbox_head h1
{
    font-family: verdana;
    color: #ffffff;
    padding-top: 2px;
    font-size:10px;
}
#footer {
    width:1024px;
	height:63px;
	background-image:url(../images/footer.jpg);
	background-repeat:no-repeat;
	margin:0px auto;
	clear:both;
}



input, select, textarea
{
	font: 12px Arial, Helvetica, sans-serif;
}


div.form-error-msg {
  color: #FFFFFF;
  margin: 0 0 5px 0;
  padding:5px;
  border:1px solid #000000;
  background-color: #EE1919;
}




/* CREATIVE TABS*/
#creative .shadetabs
{
    padding: 5px 0;
    margin-left: 0;
    margin-top: 1px;
    margin-bottom: 0;
    font: bold 12px Verdana;
    list-style-type: none;
    text-align: left;
}

#creative .shadetabs li
{
    display: inline;
    margin: 0;
}

#creative .shadetabs li a
{
    text-decoration: none;
    padding: 5px 55px;
    margin-right: 3px;
    /*border: 1px solid #778;*/
    color: white;
    background-color: #96A675;
}

#creative .shadetabs li a:visited
{
    color: #2d2b2b;
    text-decoration: none;
}

#creative .shadetabs li a:hover
{
    text-decoration: none;
    color: white;
}

#creative .shadetabs li.selected
{
    position: relative;
    top: 1px;
}

#creative .shadetabs li.selected a
{
    background-color: #96A675;
    border-bottom-color: #96a675;
    text-decoration: none;
    color: white; 
}

#creative .shadetabs li.selected a:hover
{
    text-decoration: none;
}

#creative .tabcontentstyle
{
    border:1px solid rgb(150,166,117);
    background-color: #DAE3CF;
    width: 450px;
    margin-bottom: 1em;
    padding: 10px 50px;
}

#creative .tabcontent
{
    display:none;
}
/* Creative show */
#center #creative_wrer	
{
    margin:0px auto;
    width: 700px;
}

#center #creative_wrapper .creative_row
{
    padding-top: 5px;
    padding-bottom: 10px;
    width: 100%;
    overflow: hidden; 
}
#center #creative_wrapper .creative_row .status
{
    width: 100px;
    height: 20px;
    border: 1px solid #ccc;
}
#center #creative_wrapper .creative_row h1
{
    font-family: verdana;
    font-size: 12px;
    color: #29695b;
}
#center #creative_wrapper .creative_row .left
{
    float: right;
}
#center #creative_wrapper .creative_row ul.media
{
    list-style: none;
    float: left;
}
#center #creative_wrapper .creative_row li.media
{
    float: left;
    margin-left: 5px;
    background: white;
}
#center #creative_wrapper .creative_row li.media_active
{
    float: left;
    margin-left: 5px;
    background: #eee;
    border:1px solid #ccc;
}
#center #creative_wrapper .creative_row td.media
{
    width: 300px;
}
#center #creative_wrapper .creative_row .thumbnail
{
    width: 200px;
    margin-left: 10px;
    height: 200px;
    float: left;
}
#center #creative_wrapper .creative_row .creative_data
{
    width: 430px;
    height: 200px;
    border:1px solid #ccc;
    float: right;
    margin-right: 10px;
}
#center #creative_wrapper .creative_row .creative_data td, th
{
    float: left;
}
#center #creative_wrapper .creative_row .creative_data .data_row
{
    width: 100%;
}
#center #creative_wrapper .creative_row .creative_data .data_row .budget
{
    float: left;
    margin: 5px;
    width: 200px;
    height: 100px;
    background: #eee;
    border:1px solid #ccc;
    text-align: left;
}
#center #creative_wrapper .creative_row .creative_data .data_row .budget input#Creation_budget
{
    width: 30px;
    height: 30px;
    
}
#center #creative_wrapper .creative_row .creative_data .data_row .budget ul
{
    margin-top: 40px;
    margin-right: 20px;
    float: right;
    list-style: none;
}
#center #creative_wrapper .creative_row .creative_data .data_row .budget li
{
    float: left;
    background: #eee;
    padding-right: 10px;
}

#center #creative_wrapper .creative_row .creative_data .data_row .agency
{
    float: right;
    margin: 5px;
    width: 200px;
    height: 100px;
    background: #eee;
    border: 1px solid #ccc;
}
#center #creative_wrapper .creative_row .app
{
    
    width: 320px;
    height: 240px;
    border:1px solid #ccc;
    margin: 0px auto;
    overflow: hidden;

}
#center #creative_wrapper .creative_row .files
{
    margin-top: 10px;
    width: 600px;
    border:1px solid #ccc;
    float: right;
    margin-right: 50px;
    margin-left: 50px;
    background: #eee;
    overflow: hidden;
}
#center #creative_wrapper .creative_row .files .filename
{
    width: 500px;
    text-align: left;
    font-weight: bold;
}
#center #creative_wrapper .creative_row .comment
{
    margin: 10px;
    width: 678px;
    border:1px solid #ccc;
    background: #eee;
    overflow: hidden;

}
#center #creative_wrapper .creative_row .comment .datas
{
    width: 100%;
    background: #7f98e9;
    padding: 5px;
    text-align: left;
}
#center #creative_wrapper .creative_row .comment .datas .delete
{
    float: right;
}
#center #creative_wrapper .creative_row .comment .text
{
    width: 100%;
    padding: 5px;
    text-align: left;
}

/* Creative List */
#center #creative_wrapper .list_element
{
    margin: 10px;
    width: 260px;
    height: 200px;
    padding: 5px;
    border:2px solid #eee;
    float: left;
}
#center #creative_wrapper .list_element .list_row
{
    width: 100%;
    margin-top: 2px;
}
#center #creative_wrapper .list_element .list_row .head
{
    width: 100%;
    height: 20px;
}
#center #creative_wrapper .list_element .list_row .preview
{
    width: 140px;
    height: 172px;
    float: left;
}
#center #creative_wrapper .list_element .list_row .data
{
    width: 115px;
    height: 172px;
    float: right;
    padding-top: 2px;
}
#center #creative_wrapper .list_element .list_row .data td
{
    width: 115px;
}
#center #creative_wrapper .list_element .list_row .data .shape
{
    background: #eee;
    height: 20px;
}
#center #creative_wrapper .list_element .list_row .data input
{
    width: 115px;
}
#center #creative_wrapper .list_element .list_row .data .buttons
{
    margin-top: 100px;
}
#center #creative_wrapper .list_element .list_row .head .title
{
    width: 160px;
    color: green;
    font-size: 12px;
    font-weight: bold;
}
#center #creative_wrapper .list_element .list_row .head .type
{
    width: 150px;
    background: #eee;
    border:1px solid #ccc;
}
.locality_name
{
    color: #a80927;
    font-weight: bold;
    font-size: 10px;
    font-family: verdana;
}

h1.locality
{
    width:970px;
	height:38px;
	float:left;
	background-color:#f3f2eb;
	border-bottom:3px solid #20715b;
	background-image:url(../images/ico_campaign.gif);
	background-repeat:no-repeat;
	text-align:left;
	padding-left:50px;
}
@media print 
{
    .tabcontent 
    {
        display:block!important;
    }
}

/*-*/
a.default-editlink {
	color: #3b524c;
	margin-left: 6px;
	text-decoration: underline;
} a.default-editlink:hover {
	color: #20715b;
	text-decoration: none;
}

#mediaSubTypeSelect select {
	border: 1px solid #20715B;
	font-size: 11px;
	color: #20715B;
	width: 305px;
	height: 20px;
	margin: 0px;
	padding: 0px 0px 0px 3px;
}

td.help {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #757575;
}
td.help p {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}
td.help p span {
}
td.calendar-fixer img { margin-top: -2px; }
td.calendar-fixer2 img { margin-top: -4px; }
/*-*/


.currency
{
    margin-left: 5px;
    color: blue;
    font-weight: bold;
}
.attach {
    padding: 1px 0px 1px 21px;
    color:#6E6E6E;
	font-size:11px;
	font-weight:bold;
    text-decoration: none;
    background: url('/images/ico_select.gif') no-repeat left top;
}
.attach:hover
{
    color: black;
}