/* initialize styles */

table {
	border: 0px solid #999;
	border-collapse: collapse;
}

td {
	border: 0px solid #999;
	margin: 0;
}

a {
	cursor: pointer;
}

img {
	border: 0;
	padding: 0;
	margin: 0;
}

div {
	margin: 0;
	padding: 0;
}

ul {
	list-style-type: none;
	list-style-position: outside;
	margin: 0;
	padding-left: 0;
	position: relative;
}

body {
/*	default styles here... */
}

.clip-subcat {
	margin-bottom: 10;
	margin-left: 30px;
	margin-top: 0px;
	padding: 0;
}

.clip-list {
	margin-bottom: 5px;
	margin-left: 0;
	margin-top: 5px;
	padding: 0;
}

.clip-item {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-left: 6px;
	padding: 2px 0 2px 0;
	/*text-indent: -12px;*/
}

.clip-item:first-child {
	margin-top: 5px;
}

#top {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 925px;
}

#wrapper {
	left: 50%;
	top: 50%;
	width: 925px;
	margin-left:-463px;
	height: 620px;
	margin-top:-310px;
	position: absolute;
}

#playlist_top {
	margin-bottom: 15px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	width: 845px;
}

#done_content {
	margin: 20px auto;
	width: 415px;
	color: #888888;
	text-align: center;
	font-family: Arial, sans-serif;
}

.done_header {
	font-size: 40px;
}

.done_text {
	line-height: 30px;
	font-size: 17px;
}

.done_logo {
	margin: 15px;
}

#middle {
	height: 550px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	width: 925px;
}


#video_clips_lib {
	background-image: url(images/clip_lib_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 550px;
	padding: 0;
	width: 314px;
}

#playlist {
	float: left;
	height: 550px;
	/*margin-bottom: 0;
	margin-left: 17px;
	margin-right: 17px;
	margin-top: 0;*/
	padding: 0;
	width: 316px;
}

#video-preview {
	background-image: url(images/preview_bg.gif);
	background-repeat: no-repeat;
	height: 256px;
	width: 316px;
}

#playlist-content {
	background-image: url(images/playlist_builder_bg.gif);
	background-repeat: no-repeat;
	margin-top: 17px;
	height: 272px;
	width: 316px;
}

#my-playlist-scroller {
	height: 190px;
	margin-bottom: 0;
	margin-top:8px;
	padding: 0;
	padding-right: 10px;
	width: 304px;
	overflow:auto;
	position:relative;
}

#presentation {
/*	background-image: url(images/bigbar.png);*/
	background-repeat: no-repeat;
	height: 550px;
	margin: 0;
	padding: 0;
	width: 515px;
}

#mycustomscroll {
	/* Typical fixed height and fixed width example */
	height: 500px;
	margin: 0;
	overflow: auto;
	padding-top: 10px;
	width: 306px;
	/* IE overflow fix, position must be relative or absolute*/
	position: relative;
}
#mycustomscroll-doc {
	/* Typical fixed height and fixed width example */
	height: 620px;
	margin: 0;
	overflow: auto;
	padding-top: 10px;
	width: 197px;
	/* IE overflow fix, position must be relative or absolute*/
	/*position: relative;*/
}

#document-list {
	background-image: url(images/clip_lib_doc_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 664px;
	padding: 0;
	width: 206px;
}

#document-detail
{
	background-image: url(images/clip_lib_doc_detail_bg.gif);
	background-repeat: no-repeat;
	float: left;
	height: 664px;
	padding: 0 0 0 0;
	width: 700px;
}


#my-saved-playlists {
	background-image: url(images/saved_playlist_bg.gif);
	background-repeat: no-repeat;
	height: 545px;
	width: 263px;
}
#saved-playlist-items{
	overflow: auto;
	/* IE overflow fix, position must be relative or absolute */
	position: relative;
/*	top:-6px;*/
	height: 508px;
	width:255px;
	padding-top: 10px;
}

.body_div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
/*	min-height: 25px;*/
	min-height: 23px;
}

.header_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	height: 25px;
	margin: 0;
	padding-bottom: 0;
	padding-left: 16px;
	padding-top: 3px;
}

.header_small_grey {
	background-color: #D0D0D0;
	height: 25px;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 0;
	margin-top: -3px;
	padding-bottom: 0;
	padding-left: 16px;
	padding-right: 0;
	padding-top: 0;
	position: relative;
}

.header_small_grey h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	margin: 0;
	padding-bottom: 0;
	padding-left: 0;
	padding-right: 0;
	padding-top: 4px;
	vertical-align: middle;
}

.header_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/bigtop.jpg);
	background-repeat: no-repeat;
	height: 25px;
	margin: 0;
	padding-bottom: 0;
	padding-left: 16px;
	padding-top: 3px;
	width: 515px;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.table_header_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	background-image: url(images/smalltop.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 188px;
	text-indent: 16px;
}
.arrow {
	margin-left: 12px;
	margin-right: 4px;
}
.dot {
	margin-right: 4px;
}
.table_body_small {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.link_black {
	color: #000000;
	cursor: pointer;
	text-decoration: none;
}
.link_black:hover {
	color: #000000;
	cursor: pointer;
	text-decoration: underline;
}
.table_body_small_gap {
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	border-top-width: 0px;
	border-bottom-width: 0px;
}
.table_body_small_grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	border-right-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #D0D0D0;
	border-left-color: #D0D0D0;
	border-top-width: 0px;
	border-bottom-width: 0px;
	height: 25px;
	background-color: #D0D0D0;
	text-indent: 16px;
}
.table_body_div {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	height: 25px;
	cusor: pointer;
}
.button_grey {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #D0D0D0;
	border: 1px solid #666666;
}
.table_header_big {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: normal;
	color: #FFFFFF;
	background-image: url(images/bigtop.jpg);
	background-repeat: no-repeat;
	height: 25px;
	width: 515px;
	padding-left: 16px;
}

#video-preview-label
{
	padding-top:5px;
}

.subnav_div {
	background-image: url(images/subnav_back.jpg);
	background-repeat: no-repeat;
	height: 27px;
	width: 391px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #FFFFFF;
	vertical-align: middle;
}
.tip_head {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 15px;
	color: #404040;
	line-height: 17px;
}
.tip_bodytxt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717171;
	line-height: 19px;
	font-style: normal;
	font-weight: normal;
}
.subnav_pipe {
	padding-right: 10px;
	padding-left: 10px;
}
.subnav_link {
	color: #FFFFFF;
	text-decoration: none;
}
.subnav_link:hover {
	color: #FFFFFF;
	text-decoration: underline;
}
.tip_date {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717171;
	line-height: 15px;
	text-decoration: none;
}

.tip_date:hover {
	text-decoration: underline;
}

.footer_div {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	color: #888888;
	margin-right: 35px;
	margin-left: 35px;
	margin-top: 15px;
}
.footer_border {
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #d5d5d9;
}
.footer_link {
	color: #888888;
	text-decoration: none;
}
.footer_link:hover {
	color: #888888;
	text-decoration: underline;
}
.tip_bodytxt_12 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #717171;
	line-height: 17px;
}
.link_green_bold {
	font-weight: bold;
	color: #7B9D46;
	text-decoration: none;
}
.link_green_bold:hover {
	font-weight: bold;
	color: #7B9D46;
	text-decoration: underline;
}
.login_boxes {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	height: 13px;
	border: 0px solid #FFFFFF;
	font-size: 12px;
}
.home_txt_18_black {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 17px;
	line-height: 22px;
	font-weight: bold;
	color: #2e2e2e;
}
.home_txt_12_gray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6F6F6F;
	font-weight: bold;
	margin-top: 5px;
}
.gray_link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 16px;
	color: #6F6F6F;
	font-weight: bold;
	margin-top: 5px;
	text-decoration:none;
}
.gray_link:hover{
	text-decoration:underline;
}
.grid_div_spacing {
	margin-top: 15px;
	margin-right: 5px;
	margin-left: 18px;
}

.bodyText
{
	font-size: 10px;
	line-height: 12px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
}

#calcwrapper {
	width: 733px;
	margin-right: auto;
	margin-left: auto;
}
.flash_container {
	height: 458px;
	width: 733px;
}
.calcfooter {
	padding-right: 20px;
	padding-left: 20px;
	padding-top: 40px;
	padding-bottom: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}
.calcbody {
	background-image: url(images/background.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-color: #859dc3;
	padding: 0px;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.trial_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	line-height: 17px;
	color: #404040;
}
.trial_text_agree {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #404040;
}
.trial_text_link {
	color: #2b58bf;
	text-decoration: none;
}
.trial_thanks_steps {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 20px;
	color: #404040;
}
.trial_thanks_text {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #404040;
}
.trial_thanks_text_green {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #558a05;
}
.about_subhead {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 20px;
	color: #333333;
}
.about_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #6F6F6F;
}
.about_txt_blue {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #005be1;
	font-weight: bold;
	margin-top:10px;
}
.pricing_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 18px;
	color: #333333;
}
.contact_head1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 18px;
	color: #1d1d1d;
}
.contact_head2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 17px;
	color: #1d1d1d;
}
.buttons_txt {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	line-height: 11px;
	color: #000000;
}
.button_form {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	border: 1px solid #888888;
	font-size: 12px;
	line-height: 18px;
	width: 170px;
}
.button_div {
	background-image: url(images/buttons_back.gif);
	width: 214px;
	background-repeat: repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #404040;
}

#cf_login_boxes{
	margin-top:4px;
	margin-left:45px;
}

#download_icon_table{
	margin-top:7px;
}

#mailtoContact:visited, #mailtoContact:link{
	text-decoration: none;
	color:#6F6F6F;
}

#mailtoContact:visited, #mailtoContact:active{
	text-decoration: none
}

#mailtoContact:hover {
	text-decoration:underline;
	color:#6F6F6F;
}

#no_flash_style{
	color:#6F6F6F;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

#promo_button{
	position:relative;
	top:362px;
	left:21px;
}

#promo_video{
	position:relative;
	top:144px;
	left:21px;
}

#promo_no_flash{
	position:relative;
	top:100px;
}

.promo_error{
	color:red;
}

#content-wrapper{
	width:887px;
	padding:20px;		
	background:url('images/my_account_border_sides.jpg') repeat-y;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}
#content-border-top{
	width:887px;
	padding:0px 20px 0px 20px;		
	background:url('images/my_account_border_top.jpg') no-repeat bottom;	
	height:9px;
	margin:0px;
}
#content-border-bottom{
	width:887px;
	padding:0px 20px 0px 18px;		
	background-image:url('images/my_account_border_bottom.jpg');	
	height:9px;
	background-repeat:no-repeat;
	margin:0px;
}
.gray_back #topL{
	background-image: url('images/buttons_topL.jpg');
	background-repeat: no-repeat;
	width:9px;
	height:7px;
}
.gray_back #topM{
	background-image:url('images/buttons_topM.jpg');
	background-repeat: repeat-x;
	height:7px;
}
.gray_back #topR{
	background-image:url('images/buttons_topR.jpg');
	background-repeat: no-repeat;
	height:7px;
	width:7px;
}

.gray_back #midL{
	background-image:url('images/buttons_backL.gif');
	background-repeat: repeat-y;
	width:9px;
}
.gray_back #midM{
	background-color:#ececec;
}
.gray_back #midR{
	background-image:url('images/buttons_backR.gif');
	background-repeat: repeat-y;
	width:7px;
}

.gray_back #botL{
	background-image: url('images/buttons_bottomL.jpg');
	background-repeat: no-repeat;
	width:9px;
	height:7px;
}
.gray_back #botM{
	background-image:url('images/buttons_bottomM.jpg');
	background-repeat: repeat-x;
	height:7px;
}
.gray_back #botR{
	background-image:url('images/buttons_bottomR.jpg');
	background-repeat: no-repeat;
	height:7px;
	width:7px;
}
.form_text_single
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: #666666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 3px;
	clip: rect( );
}

.form_text_mult
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	line-height: 11px;
	color: #000000;
	font-style: normal;
	text-decoration: none;
	border: #666666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	padding-left: 3px;
}

.table-cell{
	display: table-cell;
}
#side-nav-wrapper{
	width:252px;
	height:100%;
	border-right:1px solid #cccccc;
}
#content-right-wrapper{
	width:662px;
	padding-left:25px;
}
.subnav_div{
	background-image: none;
	background-repeat: no-repeat;
	color:#8b8b8b;
}
.subnav_link{
	color:#8b8b8b;
}
.subnav_link:hover{
	color:#8b8b8b;
}	
#side-nav{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:15px 0px 15px 0px;
}
#side-nav a{
	text-decoration:none;
	color:inherit;
	display:block;
}
#side-nav .link{
	width:241px;
	padding: 13px 0px 12px 11px;	
	border-top:1px solid #cccccc;
	color:#686868;
}
#side-nav .link.selected{
	background-color:#c1cfe4;
	color:#4f545d;
	cursor:pointer;
}
#side-nav .link:hover{
	background-color:#769837;
	color:#ffffff;
	cursor:pointer;
}
#side-nav .top{
	border:none;
}
.popupStyle
{
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-style: normal;
	line-height: 11px;
	font-weight: normal;
	color: #000000;
	text-decoration: none;
	height: 15px;
	border: #666666;
	border-style: solid;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	clip: rect( );
}

.body_td {
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #c3c3c3;
	border-left-color: #c3c3c3;
}
.line {
	height: 2px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #C3C3C3;
}
.base_table {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	color: #444444;
}
.headline {
	font-size: 24px;
	line-height: 30px;
	padding-right: 30px;
}
.link {
	color: #444444;
	text-decoration: underline;
}