body { margin:0 auto;
       font-family:Arial, Helvetica, sans-serif;
	   font-size:12px;
	   color:#3d3d3d;
	   background:#fafafa;
	   line-height:1.4;
}

a img { border:none;}

h1 { font-size:18px}

h2 { font-size:16px; color:#52BE4E;}

a { text-decoration:none; color:#3D3D3D;}

.input-field {width:260px;}
.date-field { width:100px;}
.datepicker-btn { background:#52BE4E; border:none; color:#fff; padding:3px;}

.header { width:100%;
          height:119px;
          background:url(../images/header-bg.jpg) repeat-x top left;
}
		  
.banner { width:895px;
          height:119px;
		  background:url(../images/banner.jpg) no-repeat top left;
		  margin:0 auto;
}

.header-nav { width:100%;
              height:30px;
			  background:url(../images/header-nav-bg.jpg) repeat-x top left;
}

.header-nav-inner { width:870px;
                    height:30px;
					padding:0px 25px 0px 0px;
					margin:0 auto;
					color:#52be4e;
}

.header-nav-inner a.logout-btn { display:block; float:right; height:20px; padding:10px 10px 0px 10px; color:#52be4e;}

.header-nav-inner .login-message { display:block; float:right; height:20px; padding:10px 10px 0px 10px;}

.nav { width:100%; 
       height:60px;	   
	   background:#fff;
}

.nav-inner { width:785px;
             height:45px;
		
			 padding:15px 50px 0 50px; 
			 margin:0 auto;
}

.nav-inner a { font-size:12px;
               font-weight:bold;
			   padding:10px 20px;
			   display:block;
			   float:left;	
			   margin-right:20px;
			   background:#52be4e;
			   color:#fff;
}

.nav-inner a:hover,.nav-inner .active { background:#52be4e; color:#3d3d3d;}

.main { width:895px; margin:0 auto; padding:15px 0; }



/* Frame and Admin layouts */
#contentframeborder
	{
		width:850px; 
		/*height:400px;*/ 
		background:#ececec; 
		-webkit-border-radius: 10px 10px 10px 10px; 
		-moz-border-radius: 10px 10px 10px 10px;
		padding-bottom:2px;	
		margin:0 auto;
	}
#admin_frame_menu
	{
		padding:20px 0px 20px 20px;
		
	}
	
#booking_frame_menu
	{
		padding:10px 0px 0px 10px;
	}
#admin_frame_menu a
	{	
		padding:10px; 
		/*-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px; 
		/*background:#ec008c;*/ 
		font-size: 12px;
		color:#ffffff;
		float:left;
		margin-right:10px;
		/*background:#52BE4E;*/
		color:#3d3d3d;
		
	}
#admin_frame_menu a:hover
	{	
		padding:10px; 
		-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px; 
		
		font-size: 12px;
		color:#52BE4E;
		text-decoration:none;
	}
		
#pagecontentholder
	{
		background:#ffffff; 
		margin:6px; 
		padding:10px; 
		
		border-color:#d8d9db; 
		-webkit-border-radius: 10px 10px 10px 10px; 
		-moz-border-radius: 10px 10px 10px 10px;
	}
#pagecontent_title, .pagecontent_title
	{
		width: 770px;
		min-height:20px;  /* changed to min here on 17/8*/
		padding-left:26px;
		margin-bottom:20px;
		
	}
	
#pagecontent_title h1 { color:#52BE4E;_margin-bottom:0px; _margin-top:20px;}

#pagecontent_icon
	{
		background: url(../images/icon_i.jpg) no-repeat;
		height:22px;
		width:22px;
		/*padding-left:10px;
		padding-right:10px;*/
		float:left;
		/*background:#999999;	*/			
	}
#pagecontent p.text
	{
		margin: 6px 6px 6px 26px;	
	}
#layout_box
	{
		width:525px;
		+width:755px;
		_width:755px;
		margin: 6px 6px 20px 26px; 
		_margin-left:10px;
		/*height:400px;*/ 
		background:#ececec; 
		/*-webkit-border-radius: 4px 4px 4px 4px; 
		-moz-border-radius: 4px 4px 4px 4px;*/
		padding:30px 120px;	
		
	}
#layout_box p
	{
		font: Arial, Helvetica, sans-serif;
		font-size: 11px;
	}
#layout_box p.bold
	{
		font: Arial, Helvetica, sans-serif;
		font-size: 11px;
		font-weight:bold;
	}
#hr_div
	{
		width:452px; 
	
		height:1px; background:#b0b0b0; margin:8px 0px 8px 8px;font-size:1px;line-height:1;
	}
	
#divider
	{
		width:770px; 
		/*_width:423px; */
		height:1px; background:#52BE4E; margin:8px 0px 8px 8px;font-size:1px;line-height:1;
		margin:0 auto;
	}
	
.admin_dt td
	{
		padding:8px;
		font: Arial, Helvetica, sans-serif;
		font-size: 10px;
	}
.admin_dt tr.title td
	{
		border-top:1px solid; 
		border-color:#ec008c;
		font-weight:bold;	
			
	}
.admin_dt tr.odd,.odd
	{	
		background:#ececec;
	}
#submit { float:right;}
        
/*----end of css from TLK------------*/

.odd { background:#ececec;}


#data-list { width:770px;
            
            margin:20px auto; margin-left:20px;
			
			_margin-left:0px;
			}

#data-list a { color:#52BE4E;} 

#data-list th, #data-list td { text-align:left; padding:10px;}

#data-list input { width:50px;}

#data-list .notes { width:100px;}


#data-list1 { width:770px; margin:20px auto; }

#data-list1 a { color:#52BE4E;} 

#data-list1 th, #data-list1 td { text-align:left; padding:10px;}

#data-list1 input { width:50px;}

#data-list1 .notes { width:100px;}

.div-button { cursor:default;}

#add-media-button { margin-right:30px; float:right;}

#schedule-list { width:770px; margin:20px auto;}

#schedule-list th, #schedule-list td { text-align:left; padding:2px 5px;}

.run-campaign-button { background:#52BE4E; color:#fff; display:block; padding:3px 3px; font-size:10px; width:75px;}

#selected-media { width:230px; padding:10px; float:right; background:#ECECEC;}

#selected-media h2 { margin-top:10px;padding-top:0;}

#selected-media th,#selected-media td { text-align:left; padding:5px;}

.login-table th,.login-table td { padding:5px;}

.login-table th { padding-left:0px;}

.artwork-thumbnail { padding:5px; border:2px solid #ECECEC; float: left; margin:0 10px 10px 0; width:150px; }
.artwork-thumbnail-clip { overflow:hidden; clip:rect(0,150px,120px,0); width:150px; height:120px; margin-bottom:5px;}

.media-detail .thumbnail { padding-right:30px; vertical-align:top;}

.media-detail th,.media-detail td { text-align:left; padding:5px;}

#email-report-button { float:right; 
                     margin-right:30px;
                     +margin-right:40px;
					 _margin-right:0px;
}

#layout_box .action-button { margin:10px 10px;;}

.action-button { background:#52BE4E; color:#fff; padding:5px 10px; font-size:14px; border:none; }

.media-notes { width:300px; height:100px; padding:10px; overflow:auto; border:1px solid #ECECEC; margin-bottom:10px;}

.media-notes table { margin-bottom:10px;}

.media-notes th,.media-notes td { padding:5px;}

.artwork-detail th,.artwork-detail td { padding:5px; text-align:left}

.artwork-detail a { color:#52BE4E;} 

h3 { font-size:11px; padding-left:5px; margin:30px 0 10px 0;}

#pagecontent_title .login-table .input-field { width:250px;}

#data-list .h2, #data-list1 .h2{color:#52BE4E; font-size:14px;padding-bottom:20px;} 



.contact-form { float:right; width:350px;_width:400px; background:#ECECEC; padding:20px;}
.input-form th,.contact-form .td { padding:10px; vertical-align:top;text-align:left;}
.input-form .input-field, .contact-form textarea { width:250px}
.input-form .input-field { height:20px}
.submit-button { float:right;}

.export-button { float:right;margin-right:25px;}

/*---for media.schedule.php----*/
.data-row { width:770px; height:25px;}

.publisher-cell { width:100px; height:22px; float:left; padding-top:3px;}
.publication-cell { width:100px; height:22px; float:left; padding-top:3px;}
.department-cell { width:90px; height:22px; float:left; padding-top:3px; padding-left:10px;}
.size-cell { width:180px; height:22px; float:left; padding-top:3px;}
.colour-cell { width:50px; height:22px; float:left; padding-top:3px;}
.day-cell { width:50px; height:22px; float:left; padding-top:3px;}
.misc-cell { width:190px; height:25px; float:left;}
.numbers td { text-align:center;}

.schedule-list { margin:10px 0 10px 20px;}

 #admin_frame_menu  .back-button { float:right;display:block; color:#52BE4E;}
 
 .thumbtip-indication { color:#52BE4E; font-size:8pt; font-style:italic;padding-left:10px;}
 
 .footer {margin:20px auto;}