/* CSS Document */
    body {
	padding:0;
	margin:0;
	background:#fff url('images/body-back.png') top center repeat-x;
    }
	#page{
		display:block;
		width:1000px;
		margin-left:auto;
		margin-right:auto;
		padding:0;
	}
	
	/* header */
	#header{ height:100px;}
	#logo{ float:left;}
	#site-info { 
		float:right;
		width: 300px;
		font-size:.8em;
		color:#999;
		margin-top:15px;
		}
	
/* ----------------------------
 * Start Page Items
 * ---------------------------- */
   
   /* start box */
   #box-start{
   	background:#fff url('images/box-start.png') top center no-repeat;
	height:60px; /* 150 - 90 padding */
	padding:45px 30px;
	margin:0;
	
   }
   #box-start #start-text{
   font-size:18px;
   color:#50BF0B;
   margin-top:0;
   margin-bottom:12px;
   }
   #box-start #url{
   display:block;
   float:left;
   	font-size:16px;
   	width:700px;
	height:30px;
	line-height:30px;
	padding:0;
	margin:0;
	border:1px solid #ccc;
   }
   #box-start #submit{
    display:block;
    float:right;
   	font-size:14px;
	width:200px;
	height:30px;
	line-height:30px;
   }
   
   
   /* what box */
   #box-what{
   	background:#fff url('images/box-what.jpg') top center no-repeat;
	height:390px;  /* 150 - 60 padding */
	padding:30px 30px;
	color:#666;
	
   }
   #box-what #what-text{
   font-size:18px;
   color:#999;
   margin-top:0;
   margin-bottom:12px;
   }
   
/* ----------------------------
 * Caption Page Items
 * ---------------------------- */

   /* caption box */
   #box-caption{
   	background:#fff url('images/box-caption.png') top center no-repeat;
	height:495px;  /* 600 - 90 padding -15 on the bottom :P */
	padding:45px 30px;
	
   }
   #box-caption #caption-title{
   font-size:18px;
   color:#4188AF;
   margin-top:0;
   margin-bottom:12px;
   }
   #box-caption #caption-title a:link{
   color:#4188AF;
   }
   
   
   
	#interface{
	
		width:940px; 
	}
	
	#interface{
	
		display:block;
	}
	#video{
		display:block;
		width:425px;
		float:left;
	}
	#videoplayer{
	    color:#fff;
		display:block;
		width:425px;
		height:360px;
		background:#999 url(images/loading-back.png) no-repeat;
	}
	
	#caption{
	padding-top:5px;
	}
	
	#caption #newcaption{
		width:320px;
		border:1px solid #CCC;
		font-size:16px;
		
	}
	#caption #newcaption:focus{
		border-color:#FC0;
		background:#FFC;
	}
	
	#grid{
		width: 480px;
		display:block;
		float:right;
	}
	#ccgrid{
		background-color:#fff;
		width:479px; /* +10 -1 for hidden col*/
		padding:0;
		margin:0;
	    font-size:11px;
		border:1px solid #83b3ce;
	}
	#actions{
		
		border-top: 1px dotted #ccc;
		margin-top:10px;
		padding:10px;
		display:block;
		
		clear:both;
		text-align:right;
	}
	
	
	
	#list textarea{
		height:35px;
		width:98%;
		overflow:auto;
	}
	
	
	   /* export box */
   #box-export{
   	background:#fff url('images/box-export.png')  top center no-repeat; 
	height:65px; /* 125 - 60 padding */
	padding:30px 30px;
	margin:0;
	
   }
   #box-export #export-title{
   font-size:18px;
   color:#50BF0B;
   margin-top:0;
   margin-bottom:12px;
   }