input.submit_button,
button.a.submit_button { background: #4c186a url(/static/gfx/img/btn-generic.png) top left repeat-x; color: #fff;
                  font-size: 12px; font-weight: bold; padding: 3px 7px; border: 1px solid #000;
                  text-decoration: none;
				  
				  -moz-border-radius:4px;
				  } 
				  
		 a.submit_button:hover { 
		 background: #e67303; 
		 border:1px solid #ca6503;
		 } 
				  
    input.submit_button:active,
    button.submit_button:active { background-position: 0 -21px; }


input.submit_button,
a.submit_button { background: #4c186a url(/static/gfx/img/btn-generic.png) top left repeat-x; color: #fff;
                  font-size: 12px; font-weight: bold; padding: 3px 7px; border: 1px solid #000;
                  text-decoration: none;
				  
				  -moz-border-radius:4px;
				  } 
				  
		 a.submit_button:hover { 
		 background: #e67303; 
		 border:1px solid #ca6503;
		 } 
				  
    input.submit_button:active,
    a.submit_button:active { background-position: 0 -21px; }

/* Flash messages */
p.flash { background: #fffec0; border: 1px solid #ebea90; padding: 10px; }

/* Filter form */
form#filter-form { height: 50px; }
    form#filter-form label { display: block; margin-bottom: 4px; width: auto; color: #333; }
    form#filter-form p { float: left; margin-right: 10px; }
    form#filter-form p:last-child { margin-right: 0; }

/* Ad list */
table.ad-list { width: 100%; }
    table.ad-list th { font-size: 12px; padding: 0 10px 5px 0; }
    table.ad-list td { padding: 10px 10px 10px 0; vertical-align: top; font-size: 12px; }

    table.ad-list tr.odd { background: #eee; }
    table.ad-list tr.cont { border-bottom: 1px solid #ddd; }

    	table.ad-list td.img { padding: 5px; }

    	table.ad-list th { font-size: 11px; color: #666; border-bottom: 1px solid #ddd; }

    	table.ad-list img { padding: 2px; border: 1px solid #ddd; }
        table.ad-list p { font-size: 12px; margin: 0; }
        table.ad-list a.companyname { text-decoration: none; font-weight: bold; }

/* Ad detail */
div.ad-detail-wrap { background: #fff; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px;
                     -webkit-border-radius: 5px; -moz-border-radius: 5px; }

/* Ad Admin */
div.applications-wrapper { }
    div.applications-wrapper div.inner { padding: 0 5px; }
    
    div.applications-wrapper h3 { font-size: 13px; padding: 2px 0 5px; border-bottom: 1px solid #ddd; margin-bottom: 10px; }
        div.applications-wrapper h3 span { color: #666; }

/* Ad Application Detail */
div.status-picker { height: 50px; }
div.status-picker a { width: 49%; float: left; text-align: center;
	 				  font-size: 13px; font-weight: bold; color: #000; text-decoration: none; }
		div.status-picker a:hover { color: #333; }
	div.status-picker span { padding: 10px; display: block; border: 1px solid #aaa; }

	div.status-picker a.interesting { background: #8bd31a; }
	div.status-picker a.uninteresting { float: right; background: #e73930; }
	
		div.status-picker a.notselected { background: #eee; border-color: #ddd; color: #999; }
			div.status-picker a.notselected:hover { color: #333; }

/* Movie upload */
div#upload_form { background: #eee; border: 1px solid #ddd; padding: 10px; margin-bottom: 20px; clear: both; }
	div#upload_form p.h { font-weight: 12px; font-weight: bold; margin: 0 0 5px; }
	div#upload_form form { margin: 0; }

div#progress { border-top: 1px dashed #aaa; padding: 15px; display: none; }
div#progress p { margin: 0; color: #666; font-weight: bold; }
div#progress div.bar { border: 1px solid #aaa; width: 100%; height: 20px; overflow: hidden; padding: 1px; position: relative; }
	div#progress div.label { background: #6a237d; height: 14px; text-align: left; font-weight: bold; font-size: 13px; padding: 3px 5px;
		 			   		 overflow: hidden; text-align: right; color: #fff; position: relative; z-index: 10; width: 18px; min-width: 18px; }
	div#progress div.default_fill { position: absolute; left: 0; top: 0; right: 0; bottom: 0; background: #ddd; z-index: 1; }
			
/* Movie list */
ul.movies-list {}
    ul.movies-list li { position: relative; float: left; width: 180px; height: 101px; margin: 0 20px 20px 0; border: 1px solid #aaa; padding: 1px; }
        ul.movies-list span { display: block; width: 100%; height: 20px; bottom: 0; background: rgba(0,0,0,0.8); position: absolute; }
        
        ul.movies-list img.play { top: 0; left: 0; position: absolute; display: none; }
        /* This is done in JS instead */
        /*ul#movies-list a:hover img.play { display: block; }*/
    
    /* Unreviewed movies list */
    ul.movies-list.unreviewed li { background: #000000;}
        ul.movies-list.interesting img { position: absolute; z-index: 1; }
            ul.movies-list.interesting img.play { z-index: 2; }
    ul.movies-list.test li { background: #777; }
    
    /* Interesting movies list */
    ul.movies-list.interesting li { float: none; width: auto; border: 0; background: none; }
        ul.movies-list.interesting img { position: absolute; z-index: 1; }
            ul.movies-list.interesting img.play { z-index: 2; }
        ul.movies-list.interesting span { display: block; width: auto; height: auto; position: relative; background: none; margin-left: 200px; line-height: 1.5em; }
        ul.movies-list.interesting div.comment { clear: both; margin-top: 10px; }
        ul.movies-list.interesting p { margin: 0; }
        ul.movies-list.interesting a.show-form { display: inline-block; font-size: 11px; }
        ul.movies-list.interesting form { margin: 0; display: none; }
        ul.movies-list.interesting input { width: 100%; margin-bottom: 5px; }
        ul.movies-list.interesting button { display: block; }
                       
        ul#interesting ul { margin-left: 0px;}
				ul#interesting li { border: 1px solid #ccc; background: #FFFFFF url(/static/gfx/img/interesting-li-background.png) repeat-x; padding: 25px; overflow: auto; -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; margin-left:0px; display: inline-block; background-position: bottom left;}
				#interesting li.box {float:left; margin-top: 0px; padding: 15px; margin-left: -15px; }
				ul#interesting a.movie { display: block; float: left; position: relative; width: 180px; height: 10px; margin-top: 0px; }
				ul#interesting a.movie img { position: absolute; z-index: 1; }
				ul#interesting a.movie img.play { position: absolute; top: 0; left: 0; z-index: 2; display: none; }
				ul#interesting div.data { float: left; margin-left: 8px; width: 135px; margin-top: 0px; padding: 0px}
				ul#interesting div.checkboxes {display:inline-block; margin-top: 0px; margin-left: 40px; margin-right: 10px; padding-left: 10px; width: 220px;  float: top;}
				ul#interesting div.comment { float:left; display:inline-block; width: 360px; margin-left: 0px; margin-top: 0px; padding: 0px; position:relative; left:0px;}

				div#detailcomment div.comment {float:right}
				div#detailcomment div.comment a {float:right;}

	
    a.show-form a{ display: inline; font-size: 11px; }
    .comment form {display:none;}
    

    ul#interesting form { margin: 0; display: none; }
    ul#interesting textarea { width: 100%; margin-bottom: 5px; }
    ul#interesting button { display: block; }
    ul#interesting p { margin: 0; }


   div.utilities div {position:relative; float:right; height:35px; width:220px; margin-left:200px; }

   .search input {width:155px; font-style: italic; }  

   .sort div {float: right; width: 300px;}  
   .sort form {width: 30px;}  

   h3.error {color: #EE2222;}

  .date input {height: 15px; width: 20px; font-size: 11px;}   
  .changedate input {height: 15px; width: 20px; font-size: 11px;}
  .title div {width: 290px; padding:5px; float:left;}
  .title h3 {position:relative; float:top; width: 300px; display:inline; overflow:auto;} 



    /* Apply page movie list */
    ul.movies-list.apply {}
        ul.movies-list.apply li { border: 0; height: 130px; }
        ul.movies-list.apply img { border: 1px solid #aaa; padding: 1px; }
        ul.movies-list.apply span { text-align: right; background: none; }
            ul.movies-list.apply em { font-style: none; float: left; }
            ul.movies-list.apply a {  }
            

                      
/* Apply page */
div.application-part-wrap { background: #eee; border: 1px solid #ddd; -webkit-border-radius: 5px; -moz-border-radius: 5px; padding: 10px 0 10px 15px;}
    h3.separator { padding: 20px 0; text-align: left; text-transform: uppercase; }
        
        
p.submit-application { padding: 20px 0; }
    p.submit-application button { font-size: 15px; font-weight: bold; }
        
/* Movie control */
div.movie-control { background: #ddd; height: 12px; margin-top: 8px; text-align: left; font-size: 12px; font-weight: bold;
                    padding: 8px 10px; border: 1px solid #aaa; }
    div.movie-control a { float: right; text-decoration: none; background: url(/static/gfx/movies/remove.gif) 0 50% no-repeat; padding-left: 20px; }
    
/* Image list */
#content ul#images-list { overflow: hidden; margin-left:0; }
 #content ul#images-list li { 
	
	float: left; width: 100px; height: 120px; margin: 0 20px 20px 0; text-align: center; 
	list-style-type:none;

	}
    
/* Payment */
div.payment-part { background: #eee; border: 0px solid #ddd; margin: 5px 0 5px; padding: 10px; width: 400px; }
    div.payment-part.creditcard { text-align: left; }
        div.payment-part.creditcard form,
        div.payment-part.creditcard form p { margin: 0; padding: 0; }

a#toplink { float: right; position: relative; margin-right: 15px; font-size: 12px; font-weight: bold;}