/**** Basic Elements ****/
@font-face {
    font-family: 'HelveticaNeueBold';
    src: url('helveticaneueltstd-bdcn-webfont.eot');
    src: url('helveticaneueltstd-bdcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-bdcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-bdcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-bdcn-webfont.svg#HelveticaNeueLTStd77BdCn') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'HelveticaNeueThin';
    src: url('helveticaneueltstd-thcn-webfont.eot');
    src: url('helveticaneueltstd-thcn-webfont.eot?#iefix') format('embedded-opentype'),
         url('helveticaneueltstd-thcn-webfont.woff') format('woff'),
         url('helveticaneueltstd-thcn-webfont.ttf') format('truetype'),
         url('helveticaneueltstd-thcn-webfont.svg#HelveticaNeueLTStd37ThCn') format('svg');
    font-weight: normal;
    font-style: normal;

}
body {
	font-family:Arial, Helvetica, sans-serif;
	color:#818386;
	font-size:12px;
}

body#body {
	background:#EAEAEA;
}

p {
	margin:0px 0px 0px 0px;
	padding:0px 0px 15px 0px;
	line-height:16px;
}

img {
	vertical-align:middle;
}

hr {
	margin:-4px 0px 10px;
	border:none;
	border-bottom:1px solid #e2e3e4;
}

ul {
	padding-bottom:15px;
}

ol ol {
	list-style-type:lower-alpha;
}
.page_terms_and_conditions ol {
	padding-left:0px;
}
.page_terms_and_conditions ol ol {
	padding-left:30px;
}
.page_terms_and_conditions ol li {
	padding-bottom:15px;
	list-style-position:inside;
}

.page_home .template_two_left li {
	line-height:15px;
	font-weight:normal;
	color:#2d2d2e;
}
#template_two_right ul {
	font-family:HelveticaNeueThin, Helvetica, Arial, sans-serif;
	font-size:24px;
	font-weight:bold;
	color:#2d2d2e;
}

/******** Links ********/
a:link, a:visited {
	text-decoration:none;
	border:0px;
	color:#555555;
}

a:hover {
	text-decoration:underline;
	border:0px;
	color:#222222;
}

/****** Page Layout ******/
#background {
	background:url(../uploads/users/images/bg-tall.gif) top left repeat-x #2d2d2e;
	border-top:4px solid #ef4136;
}
.page_copytimer #background {
	background-image:url(../uploads/users/images/bg-short.gif);
}

#container_top {
	width:1000px;
	height:0px;
	margin:0px;
	/*background:url(../images/body_top.png) no-repeat center left;*/
}

#container {
	position:relative;
	width:900px;
	margin:0px auto;
	padding:0px;
	/*background:url(../images/body_border.png) top center repeat-y;*/
	/*font-size:1.2em;*/
}

#container_bottom {
	width:1000px;
	height:0px;
	margin:0px;
	/*background:url(../images/body_bottom.png) no-repeat center left;*/
}

#header {
	position:relative;
	height:379px;
	
	/**************************************************************\
	| Uncomment the first background line, and comment the second, |
	| to restore the original iTunes App Store message. Also,      |
	| read the comment at (#header #header-buttons .learn-more a). |
	\**************************************************************/
	/*background:url(../uploads/users/images/header-bg-phone.png) bottom left no-repeat;*/
	background:url(../uploads/users/images/header-bg-phone_soon.png) bottom left no-repeat;
}
.page_home #header {
	background-image:url(../uploads/users/images/header-bg-copy.png);
}
.page_copytimer #header {
	height:170px;
	background-image:url(../uploads/users/images/header-bg-minimal.png);
}

#logo {
	position:absolute;
	top:12px;
	left:0px;
	width:257px;
	height:70px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:24px;
	text-indent:-999999px;
	color:#ffffff;
	background:url(../uploads/users/images/copytimer-logo.png) no-repeat;
}

a#logo:hover {
	text-decoration:none;
}

#login {
	color:#fff;
	position:absolute;
	text-align:right;
	right:0px;
	top:0px;
}
#login td {
	height:30px;
	padding:0px;
}
#login .login-phone {
	color:#2d2d2e;
	padding-right:20px;
}
#login .login-left {
	width:4px;
	background:url(../uploads/users/images/login-left-bg.png) top left no-repeat;
}
#login .login-center {
	padding:0px 15px;
	background:url(../uploads/users/images/login-center-bg.png) top center repeat-x;
}
#login .login-right {
	width:4px;
	background:url(../uploads/users/images/login-right-bg.png)top right no-repeat;
}
#login a, #login a:link, #login a:visited, #login a:hover {
	color:#ffffff;
}

#search {
	position:absolute;
	right:20px;
	top:22px;
	width:250px;
	text-align:right;
}
#search-input {
	width:110px;
}

#breadcrumbs {
	position:absolute;
	top:50px;
	left:12px;
	width:946px;
	padding:4px 15px;
	height:14px;
	background:#f2f2f2;
}
.breadcrumbs .breadcrumb-separator {
	padding:0px 5px;
}

#content {
	background:#ffffff;
	padding:30px 0px 0px 40px;
}

#footer {
	position:relative;
	height:100px;
	color:#ffffff;
	margin:0px 0px;
	text-align:center;
	background:url(../uploads/users/images/footer-bg-grey.gif) top left no-repeat;
}
.page_copytimer #footer {
	background-image:url(../uploads/users/images/footer-bg-white.gif);
}

#footer_ad {
	width:728px;
	margin:15px auto 0px;
}

#footer a {
	color:#ffffff;
}

#copyright, #credit {
	position:absolute;
	top:65px;
	left:120px;
	color:#818386;
	/*width:380px;*/
	text-align:left;
}

#credit {
	left:auto;
	right:120px;
	text-align:right;
}

#credit a, #credit a:link, #credit a:active, #credit a:visited, #credit a:hover {
	color:#B3B3B3;
}

.template_two_left {
	margin:0px 40px 0px 0px;
	padding:0px;
}
.template_two_right {
	width:300px;
	margin:0px;
	padding:0px;
	background:#e6e7e8;
}

#template_two_left {
	width:520px;
	padding-right:40px;
}
#template_two_right {
	width:220px;
	padding:180px 40px 0px;
	background:url(../uploads/users/images/banner-right-bg.gif) top right no-repeat;
}
#template_two_right .create-an-account-button a {
	display:block;
	width:130px;
	height:31px;
	margin:0px;
	padding:0px;
	text-indent:-999999px;
	background:url(../uploads/users/images/create-an-account-button.png) top left no-repeat;
}

/********* Menus *********/
/* Header Menu - Basic CSS */
/* Feel free to replace '#header .menu' with the css selector of your parent element.
/* Or you can replace '#header .menu > ul' if you apply a css selector to the top (and only the top) ul tag */
#header .menu > ul,#header .menu > ul li,#header .menu > ul ul, .top-right-menu > ul, .top-right-menu > ul li, .top-right-menu > ul ul {list-style: none;margin: 0;padding: 0;}
#header .menu > ul, .top-right-menu > ul {position: relative;z-index: 597;float: left;}
#header .menu > ul li, .top-right-menu > ul li {float: left;line-height: 1.3em;vertical-align: middle;zoom: 1;}
#header .menu > ul li.hover,#header .menu > ul li:hover, .top-right-menu > ul li.hover, .top-right-menu > ul li:hover {position: relative;z-index: 599;cursor: default;}
#header .menu > ul ul, .top-right-menu > ul ul {visibility: hidden;position: absolute;top: 100%;left: 0;z-index: 598;width: 100%;}
#header .menu > ul ul li, .top-right-menu > ul ul li {float: none;}
#header .menu > ul ul ul, .top-right-menu > ul ul ul {top: 1px;left: 99%;}
#header .menu > ul li:hover > ul, .top-right-menu > ul li:hover > ul {visibility: visible;}

/* Header Menu - Styling *******/
#header .menu {
	position:absolute;
	bottom:0px;
	left:40px;
	height:29px;
}
.top-right-menu {
	position:absolute;
	top:141px;
	right:44px;
	height:29px;
}
#header .menu > ul > li, .top-right-menu > ul > li {
	margin:0px 4px 0px 0px;
}
#header .menu li a, .top-right-menu li a {
	display:block;
	width:127px;
	height:21px;
	padding:8px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	color:#fff;
	background:url(../uploads/users/images/menu-tab.png) top left no-repeat;
}
#header .menu li a:hover, #header .menu li.menu_selected a, .top-right-menu li a:hover, .top-right-menu li.menu_selected a {
	text-decoration:none;
	color:#000;
	background:url(../uploads/users/images/menu-tab-selected.png) top left no-repeat;
}
#header .menu ul li ul, .top-right-menu ul li ul {
	background:#666666;
	width:140px;
}
#header .menu ul li ul a, .top-right-menu ul li ul a {
	text-align:left;
}

/* Header Buttons */
#header #header-buttons,  #header #header-buttons ul {
	position:static;
}
#header #header-buttons .start-timing a {
	display:none;
	position:absolute;
	top:170px;
	left:502px;
	width:93px;
	height:137px;
	margin:0px;
	padding:0px;
	background:none;
}
#header #header-buttons .learn-more a {
	position:absolute;
	top:275px;
	left:250px;
	width:93px;
	height:31px;
	margin:0px;
	padding:0px;
	background:url(../uploads/users/images/learn-more-button.png) left top no-repeat;
	
	/****************************************************************\
	| Comment out the display line to restore the Learn More button. |
	| Also, read the comment at (#header).                           |
	\****************************************************************/
	display:none;
}

.page_home #header #header-buttons .start-timing a {
	display:block;
}
.page_home #header #header-buttons .learn-more a {
	display:none;
}

.page_copytimer #header #header-buttons .learn-more a {
	display:none;
}

/* Footer Menu */
#footer .menu {
	position:absolute;
	top:65px;
	left:381px;
}
#footer .menu ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	text-align: center;
}

#footer .menu ul li { 
	display: inline; 
}

#footer .menu ul li a {
	padding:3px 2px;
	color:#fff;
	text-decoration:underline;
}
#footer .menu ul li a:hover {
	color:#fff;
	text-decoration:none;
}

/********* Forms *********/
input[type=text], input[type=password], input[type=email], input[type=url], input[type=number], input[type=date], input[type=datetime], textarea {
	font-family: Trebuchet MS, Verdana;
}

.page_contact input[type=text], .page_contact input[type=password], .page_contact textarea,
.page_register input[type=text], .page_register input[type=password], .page_register textarea {
	width:95%;
}

a.button, input.button, div.button {
}

a.button, a.button:link, a.button:active, a.button:hover, a.button:visited {
}

/******** Headings ********/
h1, .h1 {
	font-size:24px;
	padding:0px 0px 15px;
	margin:0px 0px 0px;
	color:#2d2d2e;
	font-weight:normal;
	font-family:HelveticaNeueThin, Helvetica, Arial, sans-serif;
}
h1 a, h1 a:link, h1 a:hover, h1 a:visited, .h1 a, .h1 a:link, .h1 a:hover, .h1 a:visited {
	color:#2d2d2e;
	text-decoration:none;
}

h2, .h2 {
	font-size:18px;
	padding:0px;
	margin:1px 0px;
	color:#2d2d2e;
	font-weight:bold;
	font-family:HelveticaNeueThin, Helvetica, Arial, sans-serif;
}
h2 a, h2 a:link, h2 a:hover, h2 a:visited, .h2 a, .h2 a:link, .h2 a:hover, .h2 a:visited {
	color:#222222;
	text-decoration:none;
}

h3, .h3 {
	color:#2d2d2e;
	font-size:14px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	font-family:HelveticaNeueThin, Helvetica, Arial, sans-serif;
}

h4, .h4 {
	display:inline;
	font-size:10px;
	font-weight:normal;
	padding:0px;
	margin:0px;
	color:#777777;
}


/****** Tabs ******/
ul.tabs {
	list-style:none;
	padding:0px 3px;
	margin:0px 0px 8px;
	height:24px;
	border-bottom:1px solid #cfcfcf;
}

ul.tabs li {
	float:left;
	margin:0px 1px 0px 2px;
	border:1px solid #cfcfcf;
	background:#f5f5f5;
}

ul.tabs li.selected, ul.tabs li:hover {
	border-bottom:none;
	background:#ffffff;
	height:24px;
}

ul.tabs li a {
	float:left;
	padding:4px 8px;
	height:15px;
	text-align:center;
	color:#666666;
	text-decoration:none;
}

ul.tabs li.selected a, ul.tabs li.selected a:link, ul.tabs li.selected a:active, ul.tabs li.selected a:hover, ul.tabs li.selected a:visited {
	color:#666666;
	text-decoration:none;
}

div.h1_tabs {
	position:relative;
}

div.h1_tabs ul, div.h1_tabs span {
	font-size:12px;
	color:#222222;
	text-align:right;
	margin-left:auto;
	list-style:none;
	position:absolute;
	margin-top:-28px;
	right:3px;
}

div.h1_tabs span {
	right:5px;
	margin-top:-25px;
}

div.h1_tabs ul li {
	list-style:none;
	float:left;
	margin:0px 2px;
	font-size:12px;
}

div.h1_tabs ul li a, div.h1_tabs ul li a:link, div.h1_tabs ul li a:visited {
	float:left;
	padding:3px 8px;
	height:13px;
	line-height:13px;
	color:#222222;
	text-decoration:none;
	background:#efefef;
	border-radius:8px;
	-moz-border-radius:8px;
	-webkit-border-radius:8px;
}

div.h1_tabs ul li.selected a {
	background:#cccccc;
}

div.h1_tabs ul li:hover a {
	background:#aaaaaa;
}

/***** Photos/Videos/Buttons *****/
/* Thumbs */
ul.thumbs li.t {
	width:100px;
	height:100px;
}

ul.thumbs li.s {
	width:200px;
	height:140px;
}

ul.thumbs li.m {
	width:300px;
	height:300px;
}

/* Videos */
.s .vbox, .s .vbox .video {
	width:100px;
	height:75px;
}

.t .vbox, .t .vbox .video {
	width:50px;
	height:38px;
}

/* Buttons */
div.t .buttons {
	margin-left:68px;
}

div.s .buttons {
	margin-left:110px;
}

li div.t .buttons {
	margin-left:68px;
}

li div.s .buttons {
	margin-left:129px;
}

.save {
	width:95%;
}
.save input[type=submit] {
	width:70px;
	height:31px;
	text-indent:-999999px;
	background:url(../uploads/users/images/submit-button.png) top left no-repeat;
	border:0px;
	cursor:pointer;
}

/***** Tables *****/
thead {
}

th {
	background:#dddddd;
}

table.border {
	margin:5px 0px;
}
table.border td {
	border:1px solid #F1F2F2;
}

/***** Divs ******/
.border {border:1px solid #E6E6E6;}
.border-top {border-top:1px solid #E6E6E6;}
.border-right {border-right:1px solid #E6E6E6;}
.border-bottom {border-bottom:1px solid #E6E6E6;}
.border-left {border-left:1px solid #E6E6E6;}
#body .noborder {border:none;}

/**** Templates ****/
.template_two_left {
	width:280px;
}

/**** Icons ****/
.i-edit {
	width:18px;
	height:18px;
	background:url(../uploads/users/images/edit.png) no-repeat center center;
}
.i-delete {
	width:18px;
	height:18px;
	background:url(../uploads/users/images/delete.png) no-repeat center center;
}

/**** Scripts ****/
.scripts_right {
	width:230px;
	padding:0px 40px;
	border-left:1px solid #F1F2F2;
}
.scripts_right hr {
	margin:4px 0px;
	border:none;
	border-top:1px solid #f3f3f3;
	border-bottom:1px solid #ededee;
}

.script-form-label {
	margin:4px 0px 4px;
}
.script-form-icons {
	margin-bottom:5px;	
}
.script-form-icons img {
	margin-right:3px;
	cursor:pointer;
}

/**** Timer ****/
.timer {
	width:521px;	
}
.timer-buttons {
	position:relative;
	margin-top:8px;
	height:40px;
}
.timer-button {
	height:33px;
	width:83px;
	padding:0px;
	border:none;
	text-indent:-9999px;
	overflow:hidden;
	margin-right:2px;
	cursor:pointer;
}
#timer-button-calculate {
	width:83px;
	background:url(../uploads/users/images/button-calculate.png) no-repeat left top;
}
#timer-button-save {
	width:60px;
	float:right;
	background:url(../uploads/users/images/button-save.png) no-repeat left top;
}
#timer-button-download {
	width:86px;
	float:right;
	background:url(../uploads/users/images/button-download.png) no-repeat left top;
}
#timer-button-reset {
	width:65px;
	float:right;
	background:url(../uploads/users/images/button-reset.png) no-repeat left top;
	margin-right:0px;
}

.timer-results {
	display:block;
	margin:20px 0px 5px;
	width:451px;
	height:12px;
	padding:35px;
	color:#939598;
	background:url(../uploads/users/images/timer-results.png) no-repeat left top;
}
.timer-results-none {
	font-style:italic;
	color:#AAABAD;
}
.timer-results-label {
	
}
.timer-results-time {
	color:#39B54A;
	font-weight:bold;
	float:right;
}
.timer-results-time-range {
	color:#AAABAD;
	font-weight:normal;
	font-size:10px;
}	

/***** Scripts *****/
.script_dialogue_character {
	text-transform:uppercase;
	font-size:11px;
	text-align:center;
}

.script_dialogue {
	width:100%;
	margin:auto;
	text-align:center;
}

.script_description, .script_direction {
	text-align:left;
	width:100%;
}

.script_description_character, .script_description_sound, .script_location {
	text-align:left;
	text-transform:uppercase;
	font-size:14px;
}

.script_left, .script_right {
	width:50%;
}

.script_end {
	display:none;
	padding:0px;
}

/*##end##*/