/*
Theme Name: Ankoder Layout Styles
Theme URI: http://www.ankoder.com
Description: Layout styles for Ankoder.
Version: 1.0
Author: Jen Germann
Author URI: http://jengermann.com/
*/

/* --------------------------------------------------------------

   Coax standards compliance out of IE6 like this:
<!--[if lt IE 7]>
<script src="http://ie7-js.googlecode.com/svn/version/2.0(beta3)/IE7.js" type="text/javascript"></script>
<![endif]-->

-------------------------------------------------------------- */

/* -------------------------------------------------------------- 
  
   Reset.css
   * Resets default browser CSS styles.
   
   Original by Erik Meyer:
   * http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
   
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}

html, body { border:0; margin:0; padding:0; }
body { background: #f3f7df url(../images/backgrounds/bg_lineheight.gif) repeat 0 0; }
	body { background: #f3f7df url(../images/backgrounds/bg_body.gif) repeat-x 0 0; }
	body#home { background: #f3f7df url(../images/backgrounds/bg_body_home.gif) repeat-x 0 0; }
	body.app { background: #f3f7df url(../images/backgrounds/bg_body_app.gif) repeat-x 0 0; }

/***** Forms *****/

form 			{ margin:0; padding:0; }
input, select, textarea { margin: 0 0 9px; border: 1px solid #bbb; }
	input, textarea { padding: 3px 8px 5px; }
textarea 		{  }
input.urlInput {width:600px;}

fieldset { background: #e1ebae; margin: 0 0 18px; padding: 10px 17px 19px; border: 3px solid #d6e498; }

form.accountform label, form.accountform span { width: 123px; float: left; text-align: right; }
	form.accountform label { margin: 0 20px 0 0; padding: 7px 0 0; }
	form.accountform span { display: block; }
	form.accountform input { width: 362px; }
	
	form.accountform fieldset.fs_survey { padding: 14px 17px 16px; }
	form.accountform fieldset.fs_survey label, form.accountform fieldset.fs_survey span { width: 203px; }
	form.accountform fieldset.fs_survey label { padding: 4px 0 0; }
	form.accountform fieldset.fs_survey select { width: 220px; }
	
	form.accountform fieldset.fs_create { padding: 18px 17px 20px; }
	form.accountform fieldset.fs_create p { width: 384px; margin: 0 auto 14px; text-align: center; }
	form.accountform fieldset.fs_create input { width: auto; margin: 3px 0 0; float: left; vertical-align: middle; }
		@-moz-document url-prefix()
		{ form.accountform fieldset.fs_create { padding: 18px 17px 12px; } /* Firefox is 1px too long */ }
	
	form div.ctrlHolder {overflow:auto;}
	form div.ctrlHolder label { float:left; width:150px; line-height:25px;}
  form div.ctrlHolder input { float:left; }
  form div.ctrlHolder div.ctrlInput {margin-left:150px;}
  form div.ctrlHolder div.ctrlInput label {width:auto;margin-left:10px;line-height:20px;}
	input#submit { width: 302px; height: 38px; background: url(../images/buttons/btn_create_account.gif) no-repeat 0 0; margin: 0 0 0 42px; padding: 0; border: 0; font-size: 0; color: #87235f; cursor: pointer; }
	
	
  .create_button a.btn, .create_button a:link.btn, .create_button a:visited.btn { margin: 0 auto; color: #fff; font-size:16px;}
  .create_button a img { margin-right: 8px; vertical-align: text-bottom; }
  .create_button { margin: 0 0 6px; }
	.create_button a {
		background: #3c4650;
		padding: 10px 10px !important;
		border: 2px solid #28323c;
		-webkit-border-radius: 10px;
		-moz-border-radius: 10px;
		-khtml-border-radius: 10px;
		border-radius: 10px;
		display: block;
		font-size: 20px;
		text-align: center;
		color: #fff !important;
		text-decoration: none;
		text-shadow:1px 1px 1px #111;
		}
	.create_button a:hover { background: #505a64; }
  div.create_button_container { clear:both; float:right; overflow:auto; }
  div.button-container { margin: 5px; overflow:auto; float:left; }

#content p.formHint {font-size:11px;clear:both;}
.inlineLabels ul li{ list-style: none; margin: 0; }

/***** Buttons *****/
/* Thank you to Particletree for this: http://particletree.com/features/rediscovering-the-button-element/ */
button, a.btn,  a:link.btn, a:visited.btn  {
    width:auto;
    background-color: #87235f;
    margin:0;
    padding:0 22px 1px;
    
    border:1px solid #87235f; /* 4c96bd */
    -webkit-border-radius: 6px;
  	-moz-border-radius: 6px;
  	-khtml-border-radius: 6px;
  	border-radius: 6px;
	
    float:left;
    display:block;
    overflow:visible;
    cursor:pointer;

    color:#eef4d2;
    font-size: 11px;
    font-weight:bold;
    line-height:14px;
    text-decoration:none;
}
	table button { margin: 0 auto; float: none; }
		@-moz-document url-prefix()
		{ button, a.btn { padding:0 22px; } /* Firefox is 1px too long */ }

button:hover, a.btn:hover, button:active, a.btn:active {
    background-color:#009e8b;
    border:1px solid #009e8b;
}

.banner_message a { width: 142px; height: 38px; margin: 23px 0 0; float: left; display: block; text-indent: -9999px; }
	.banner_message a.signup { background: url(../images/buttons/btn_signup.gif) no-repeat 0 0; margin: 23px 18px 0 80px; }
	.banner_message a.tour { background: url(../images/buttons/btn_tour.gif) no-repeat 0 0; }

/***** Tables *****/
/* tables still need 'cellspacing="0"' in the markup */
table {
	background: #fff;
	border:1px dotted #000; margin: 17px 0 36px; padding:0;
	border-collapse: separate;
	border-spacing: 0;
}

th, td {
	width: 158px; border-right: 2px solid #d9d7d4; border-bottom: 1px solid #d9d7d4; text-align: center;
}
	th.last_cell, td.last_cell { border-right: 0; }
th {  }
	th.th_header { padding: 14px 0 0; }
td { vertical-align: top; }
	td.td_row_header { background-color: #eef4d2; padding: 12px 0 0; }
	td.td_data { background-color: #e1ebae; padding: 15px 0 14px; border-right-color: #c4c99b; }
	td.td_data_white { padding: 18px 0 17px; }
	table.pricing_table td.td_data_white { border-bottom: 0; }

  table.job-list {background:transparent;}
  table.job-list th.idee {width:20px;}
  table.job-list th.thumbnail {width:100px;}
  table.job-list th.datetime {width:150px;}
  table.job-list td.action {text-align:left;}
  table.job-list th.filename {width:200px;}
  table.job-list th { border:none; }
  table.job-list td {font-size:12px;}
  
  table.job-list, table.small-list {width:95%;border:none;padding:0;}
  table.job-list tr:hover td {background-color:#efefef;}
  table.job-list tr.success td {background-color:#B3EFD7}
  table.job-list tr.failed td {background-color:#D4BABF;}
  table.job-list tr.transcoded.success td {background-color:#BFFFE6;}
  table.job-list tr.transcoded td.id {padding-left:15px;}
  table.job-list tr.have_child td {border-bottom:none;}
  table.job-list td {padding:3px;height:25px;border:none;border-bottom:1px solid #ccc;vertical-align:top;}
  table.small-list td {padding:3px;border-bottom:1px solid #eee;}
  table.job-list th,table.small-list th {padding:3px;height:25px;border-bottom:1px solid #ccc;color:#999;}
  table.job-list td.thumbnail {width:50px;}
  table.job-list td.title {width:200px;}
  table.job-list td.filename {width:200px;}
  table.job-list td.status {}
  table.job-list td.job-id, table.job-list td.publisher, table.job-list td.date, table.job-list td.job-size {color:#777;}
  
  table.display-table td {padding:7px;text-align:left;font-weight:bold;border:none;background:transparent;}
	
  table.job-list .data-table td, table.job-list .data-table tr {border:none;background:transparent;padding:0;}
  table.job-list .data-table {margin:0;border:none;background:transparent;}
  table th.idee {width:50px;}
  table td.idee {width:50px;text-align:right;}
  table th.amount {width:100px;}
  table td.amount {text-align:right;width:100px;}
  table td.description {text-align:left;width:300px;}
  body table.thin td {height:auto;}
  
/*  .video_details table td { text-align:right;}*/
  
/***** Global Classes *****/

hr 				{ width: 100%; background-color: #f3f7df; margin: 0 !important; border: 0; border-top: 1px solid #f3f7df; clear: both; color: #f3f7df; }
	fieldset hr, hr.sep { background-color: #c4c99b; margin: 8px 0 9px !important; border: 0; border-top: 1px solid #c4c99b; clear: both; color: #c4c99b; }
		@-moz-document url-prefix()
		{ fieldset hr { margin: 8px 0 8px !important; } /* Firefox is 1px too long */ }
		hr.sep { margin: 18px 0 !important; background-color: #b9b8a7; border-color: #b9b8a7; color: #b9b8a7; }

.clearer		{ clear:both; }

.float-left, .alignleft 	{ float:left; }
.float-right, .alignright 	{ float:right; }
	.alignleft { margin: 0 15px 10px 0; }
	.alignright { margin: 0 0 10px 15px; }

img 			{ border:0; }
img.article_img { background-color: #e5ddd2; margin: 0 12px 12px 0; padding: 6px; border: 1px solid #b2a089; float: left; }
	#feature.post img.article_img { background-color: #787578; border: 1px solid #181618; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

img.size-medium { width:233px; height:240px; }
img.size-thumbnail { width: 120px; height: 90px; }
img.size-full {  }

.nomargin		{ margin:0; }
.nopadding 		{ padding:0; }
.noborder		{ border: 0 !important; }
.noindent 		{ margin-left:0;padding-left:0; }
.nodisplay, .hide	{ display: none; }

.block { float: left; }

/* ----------------------------------------------------------
					Main Elements
---------------------------------------------------------- */
/* Global */
#main_body { width: 940px; margin: 0 auto; }
body#home #main_body { width: 960px; }

/* Header
---------------------------------------------------------- */
#header { width: 100%; clear: both; }
body.docs #header { height: 240px; background: url(../images/backgrounds/bg_header.gif) no-repeat center bottom; margin: 0 auto 1px; }
body.app #header { height: 163px; background: url(../images/backgrounds/bg_header_app.gif) no-repeat center bottom; margin: 0 auto 6px; }
body#home #header { height: 492px; background: url(../images/backgrounds/bg_header_home.gif) no-repeat center bottom; margin: 0 auto 11px; }

#headerwrap { width: 940px; height: 98px; margin: 0 auto; padding: 10px 0 0; }

#logotag { width: 240px; margin: 10px 0 0; float: left; }

/***** Nav *****/
#nav { margin: 39px 0 0; float: left; }
#nav ul { margin: 0; padding: 0; list-style: none; }
#nav ul li { margin: 0 4px 0 0; padding: 0; border: 0; float: left; }
#nav ul li a { padding: 7px 11px; display: block; }

body.app #nav { display: none; }
#signup #nav{ display : block;}

/***** Quick Links *****/
#quicklinks { margin: 38px 0 0; float: right; }
#quicklinkswrap {  }
#quicklinks ul { min-width: 140px; height: 27px; background-color: #b48491; margin: 0; padding: 0; border: 1px solid #b48491; -webkit-border-radius: 12px; -moz-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; list-style: none; }
	body#signup #quicklinks ul { background-color: #009e8b; border-color: #009e8b; }
#quicklinks ul li { height: 12px; margin: 4px 6px 0 0; padding: 0 0 5px; border: 0; float: left; }
	#quicklinks ul li.login { border-right: 1px solid #eef4d2; }
#quicklinks ul li a { margin: 0; display: block; }
	#quicklinks ul li.login a { padding: 3px 10px 5px 20px; }
	#quicklinks ul li.signup a { padding: 3px 12px 5px 6px; }

/***** Banner *****/

/* banner on home page */
body#home #banner { width: 940px; margin: 0 auto; padding: 0; }
#banner div.banner_message { float: left; }
#banner div.banner_diagram { float: right; }

/* banner with nav - on app pages */
body.app #banner { width: 960px; margin: 0 auto; }

#banner ul { margin: 0; padding: 0; list-style: none; }
#banner ul li { margin: 5px 4px 0 0; padding: 0; border: 0; float: left; position: relative; display: inline;}
#banner ul li a { padding: 2px 10px 4px; display: block; }
#banner ul li a:hover, #banner ul li a:active, #banner ul li a.current { background-color: #008276; padding: 1px 9px 3px;border: 1px solid #008276; -webkit-border-radius: 5px; -moz-border-radius: 5px; -khtml-border-radius: 5px; border-radius: 5px; }


#banner li.nav_documentation { float: right; }

#banner ul li ul{
	width: 150px;
	left: 0px;
	top: 26px;
	display:none;
	border-top: 0px;
	margin:0;
	background-color: transparent;
	height: auto !important;
	z-index:1;	
}
#banner ul li ul li{	display: block;	float: none;	background-color: #008276;	color: ; }
#banner ul li ul li.first{}
#banner ul li ul li a:link, #banner ul li ul li a:visited, #banner ul li ul li a:active{
	border: 0;
	color: #FFF;
}
#banner ul li:hover ul, #banner ul li.over ul{ display: block; }


/* banner on docs type pages that have banner with title */
body.docs #banner { width: 940px; height: 73px; margin: 0 auto; padding: 32px 0 0; }

/***** Home page content *****/
.row { overflow: auto; }

#main_body .block { width: 270px; margin: 0 20px 18px 0; padding: 16px 15px 15px; }
	#block_3.block, #block_6.block { margin-right: 0 !important; }
	#row1 .block { background: url(../images/backgrounds/bg_block_gradients.gif) repeat-x 0 0; border: 1px solid #f3f7df; -webkit-border-radius: 10px; -moz-border-radius: 10px; -khtml-border-radius: 10px; border-radius: 10px; }
	
	#main_body #row2 .block { width: 277px; background: url(../images/backgrounds/bg_block.gif) no-repeat 100% 100%; margin: 0 10px 11px 0; padding: 16px 15px 14px; }
	p.block_image { width: 270px; height: 90px; background-color: #ecebea; text-align: center; }
		#block_4 p.block_image, #block_6 p.block_image { height: 80px; padding: 10px 0 0; }
		#block_5 p.block_image { height: 85px; padding: 5px 0 0; }
	
	#row3 { width: 780px; margin: 0 auto; }

#main_body .block ul { margin: 0; padding: 0; list-style: none; }
		#main_body .block ul li { background: url(../images/icons/icon_bullet.gif) no-repeat 0 6px; margin: 0; padding: 0 0 18px 12px; border: 0; }

.action_banner { background-color: #e2e2b2; margin: 0 0 18px; padding: 26px 0 25px; }
	@-moz-document url-prefix()
	{ .action_banner { padding: 27px 0 26px; } /* Firefox is 1px too long */ }

/* Sidebar
---------------------------------------------------------- */
#sidebar { width: 280px; background-color: #e7ead4; padding: 20px 10px 15px; float: right; }
img.icon_cc { margin: 6px 0 0; }

/* Content
---------------------------------------------------------- */
#content.narrowcolumn { width: 620px; padding: 0; float: left; }
#content {min-height:360px;}
/* Footer
---------------------------------------------------------- */
#footer { width: 100%; background: #054f45 url(../images/backgrounds/bg_footer.gif) repeat-x 0 0; clear: both; 
bottom:0; margin:0;}
#footerwrap { width: 860px; background: url(../images/backgrounds/bg_footerwrap.gif) no-repeat right center; margin: 0 auto; padding: 23px 0 18px 80px; }

#footer ul.block { width: 140px; margin: 0 20px 0 0; }
#footer div.block { width: 380px; }

/* Login */
#login table.login {background:transparent;border:none;width:480px;}
#login table.login label {font-weight:bold;width:60px;display:block;margin-right:10px;}
#login table.login td {border:none;text-align:left;}
#login input.login {width:380px;}

div.flash, #errorExplanation 
{	margin: 8px 10px 8px 10px;
	border: 2px;
	border-style: solid;
}

div.flash
{	padding: 10px 5px 10px 20px; }

#errorExplanation
{	padding: 5px 5px 5px 20px;
	color: #bb0011; }

div.flash.error 
{	border-color: #bb0011;
	color: #bb0011;
	background:#fff; }

div.flash.notice 
{	border-color: #eeaa33;
	color: #eeaa33; }
	

h2 small {font-size:12px;}
div.fieldWithErrors * { background: #AC0E5B; font-weight: bold; color: #fff !important; }