/* Open Sans */
@font-face{
    font-family: 'clipconnect_light';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/OpenSans-Light.eot') format('embedded-opentype'),
         url('/fonts/OpenSans-Light.woff') format('woff'),
         url('/fonts/OpenSans-Light.otf') format('opentype'),
         url('/fonts/OpenSans-Light.ttf') format('truetype');
}

@font-face{
    font-family: 'clipconnect_regular';
    font-weight: 400;
    font-style: normal;
    font-stretch: normal;
    src: url('/fonts/OpenSans-Regular.eot') format('embedded-opentype'),
         url('/fonts/OpenSans-Regular.woff') format('woff'),
         url('/fonts/OpenSans-Regular.otf') format('opentype'),
         url('/fonts/OpenSans-Regular.ttf') format('truetype');
}



body {
	
	color: #eee;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	height: 100%;
	margin: 0px;
	padding: 0px;
	width: 100%;
	background-color:#000;
	background-repeat:repeat-x;
}

div.v2_upload_progress, div.v2_upload_progress_ok, div.v2_upload_progress_error {
	margin:10px;
	padding:10px;
	border-radius:2px;
	box-shadow:rgba(255,255,255,0.4) 0px 0px 5px inset;
	position:relative;
}

div.v2upi {
	position:absolute;
	left:10px;
	top:12px;
	
}

div.v2_upload_bar1 {
	position:relative;
	border-radius:3px;
	height:6px;
	box-shadow:rgba(255,255,255,0.6) 0px 0px 5px inset;
	overflow:hidden;
	margin-top:5px;
	margin-bottom:5px;
}
div.v2_upload_bar2 {
	position:absolute;
	left:0;
	top:0;
	bottom:0;
	width:0%;
	background-color:#fff;
	opacity:0.7;
}
div.v2_upload_title {
    font-weight: normal;
    font-size: 15pt;
	font-family: "clipconnect_light", sans-serif;
	padding-left:30px;
	margin-bottom:10px;
    word-wrap:break-word;
}
div.v2uinf {
	display:inline-block;
	width:32%;
	text-align:center;
}

div.v2_upload_progress_error {

	background-color:#300;
}

div.v2_upload_progress_ok {

	background-color:#030;
}


img {
	border: none;
}

table {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
}

* :focus { outline: 0; }

a {
	color: #ffcc00;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}

h1 {
	
}

h3 {
	margin-bottom:0;
	margin-top:30px;
}



fieldset {
	margin-top: 4px;
	padding: 4px;
}

form {
	margin: 0px;
}


.inputDate {
	background: #575758;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	color: #000;
	width: 80px;
}

.inputText {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	background: #575758;
	border-top: 1px solid #ccc;
	border-left: 1px solid #ccc;
	border-right: 1px solid #999;
	border-bottom: 1px solid #999;
	width: 150px;
}

.inputTextSmall {
	
}

#message {
	background: url(../images/information.gif) no-repeat left #ffd;
	background-position: 3px 3px;
	border: 1px solid #999;
	font-weight: bold;
	padding: 3px 3px 3px 24px;
	text-align: left;
}

#siteContainer {
	min-width: 980px;
	position: relative;	
}

.rowOdd {
	background: #f6f6f6;
	height: 20px;
}
.rowOddHover {
	background: #e0e0ff;
	height: 20px;
}
.rowEven {
	background: #fff;
	height: 20px;
}
.rowEvenHover {
	background: #e0e0ff;
	height: 20px;
}

.filter {
	background: #fff;
}

.selectedFilter {
	background: #e0e0ff;
}

#listTable {
	table-layout: fixed;
}
#listTable th {
	background: url(../images/list_header.gif);
	cursor: pointer;
	line-height: 21px;
	padding: 0px 6px;
}
#listTable tr {
	cursor: default;
}
#listTable td {
	padding: 1px 6px;
	cursor: pointer;
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}
#listTable td a {
	color: #666;
}
#listTable td a:hover {
	text-decoration: underline;
}
#listNavigationContainer {
	background: url(../images/list_bottom.gif);
	line-height: 21px;
}
.listNavArrow {
	cursor: pointer;
	padding: 0px 6px;
	vertical-align: top;
}
.listNavPage {

}



.searchContainer {
	clear: both;
	height: 24px;
	padding: 0px 6px;
}

.tableHeader {
	background: url(../images/list_header.gif);	
	font-weight: bold;
	line-height: 21px;
	padding: 0px 6px;
}

/* ###################### GENERAL :: END ###################### */


/* ###################### HEADER :: START ###################### */
#siteHeader {
	font-family: "clipconnect_regular", sans-serif;
	height: 55px;

	background-color:rgba(255,255,255,0.1);		
	box-shadow:0 0 5px rgba(255,255,255,0.6);
}

a.site_header_link, a.site_header_link_selected {
	
	font-family: "clipconnect_light", sans-serif;
	
	opacity:0.5;
	cursor:pointer;
	color:#fff;
	text-decoration:none;
	z-index:10;	
	padding-left:10px;
	padding-right:10px;
}

a.site_header_link:hover, a.site_header_link_selected {
	opacity:1;

}

/* ###################### WINDOWS :: START ###################### */
.windowTopLeft {
	background: url(../images/window01_top_left.jpg);
	height: 27px;
	width: 5px;
}
.windowTopCenter {
	background: url(../images/window01_top_center.jpg);
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 6px;
	text-align: left;
}
.windowTopRight {
	background: url(../images/window01_top_right.jpg);
	width: 10px;
}
.windowBottomLeft {
	background: url(../images/window01_bottom_left.jpg);
	height: 8px;
	width: 5px;
}
.windowBottomCenter {
	background: url(../images/window01_bottom_center.jpg);
}
.windowBottomRight {
	background: url(../images/window01_bottom_right.jpg);
	width: 10px;
}
.windowCenter {
	background: #fff;
	border-left: 1px solid #207bcc;
	color: #666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0px;
	text-align: left;
}
.windowCenterRight {
	background: url(../images/window01_center_right.jpg);
	width: 7px;
}

.window02TopLeft {
	background: url(../images/window02_top_left.gif);
	height: 27px;
	width: 5px;
}
.window02TopCenter {
	background: url(../images/window02_top_center.gif);
	color: #fff;
	font-size: 10pt;
	font-weight: bold;
	padding-left: 6px;
	text-align: left;
}
.window02TopRight {
	background: url(../images/window02_top_right.gif);
	width: 5px;
}
.window02Center {
	background: #fff;
	border-left: 1px solid #207bcc;
	border-right: 1px solid #207bcc;
	border-bottom: 1px solid #207bcc;
	color: #666;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	padding: 0px;
	text-align: left;
}

#windowLogin {
	margin-top: 50px;
	width: 500px;
}
#windowLogin .windowTopCenter {
	width: 480px;
}

#windowCurrentSession {
	margin: 16px 16px 0 16px;
	width: 200px;
}
#windowCurrentSession .windowTopCenter {
	width: 178px;
}

#windowOptions {
	margin: 16px 16px 0 16px;
	width: 200px;
}
#windowOptions .windowTopCenter {
	width: 178px;
}

#windowMainContent {
	margin: 16px 16px 16px 0;
	width: 99%;
}
#windowMainContent .windowTopCenter {

}
#windowMainContent .windowCenter {
	padding: 0px;
}
/* ###################### WINDOWS :: END ###################### */


/* ###################### BUTTONS :: START ###################### */
.button100 {
	background: url(../images/button_submit_x100.jpg);
	line-height: 22px;
	text-align: center;
	width: 100px;
}
.buttonActive {
	background: url(../images/active.gif) center;
}
.buttonActive:hover {
	background: url(../images/active_over.gif) center;
}
.buttonInactive {
	background: url(../images/inactive.gif) center;
}
.buttonInactive:hover {
	background: url(../images/inactive_over.gif) center;
}
.buttonCopy {
	background: url(../images/copy.gif) center no-repeat;
}
.buttonCopy:hover {
	background: url(../images/copy_over.gif) center no-repeat;
}
.buttonEye {
	background: url(../images/eye.gif) center;
}
.buttonEye:hover {
	background: url(../images/eye_over.gif) center;
}
.buttonCancel {
	background: url(../images/button_submit_x100.jpg);
	line-height: 22px;
	text-align: center;
	width: 100px;
}
/* ###################### BUTTONS :: END ###################### */


/* ###################### TABS :: START ###################### */
.tabHeader {
	background: none;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	cursor: pointer;
	float: left;
	padding: 2px 6px;
}
.tabHeaderSelected {
	background: #ccc;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	cursor: pointer;
	float: left;
	padding: 2px 6px;
}
.tabContent {
	border: 1px solid #999;
	margin-bottom: 3px;
	padding: 3px;
}
.tabHeader {
	text-decoration: none;
}
.tabHeader:hover {
	background: #ccc;
	color: #fff;
}
.tabHeaderSelected {
	text-decoration: none;
}
.tabHeaderSelected:hover {
	color: #fff;
}

/* ###################### TABS :: END ###################### */




/* ###################### MODALBOX :: END ###################### */

div.mainlist_shadow {
	
	
	border:0;
	
	position:absolute;
}

table.mainlist {

	font-family: "clipconnect_regular", sans-serif;
	background-color:rgba(255,255,255,0.1);		
	box-shadow:inset 0 0 5px rgba(255,255,255,0.4);
	border-radius:2px;
	table-layout:fixed; 
	
	text-align:left;
	
	border:0;
}

tr.mainlist_tr {
	
}

td.pt {
	cursor:pointer;
	padding:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}

textarea {
  resize: none;
	font-family: Courier;
	font-size: 9pt;
}

td.nt {
	padding:0;
	padding-left:5px;
	padding-right:5px;
	padding-top:2px;
	padding-bottom:2px;
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
}

td.mainlist_sort {
	font-weight:bold;
	
	cursor:pointer;
	height:21px;
	padding-left:5px;
	padding-right:5px;
	/* background-image:url('../images/gui/mainlist_header.jpg'); */
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
}

td.mainlist_sel {
	font-weight:bold;
	background-color:#777;
	cursor:pointer;
	height:21px;
	padding-left:5px;
	padding-right:5px;
	/* background-image:url('../images/gui/mainlist_header_sel.jpg'); */
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#fff;
	
}


td.mainlist_caption {
	font-weight:bold;
	
	height:21px;
	padding-left:5px;
	padding-right:5px;
	/* background-image:url('../images/gui/mainlist_header.jpg'); */
	
	overflow: hidden;
	text-overflow: ellipsis;
	white-space: nowrap;
	
	
}

td.mainlist_footer {
	font-weight:normal;
	text-align:center;
	height:20px;
	padding-left:5px;
	padding-right:5px;
	/* background-image:url('../images/gui/mainlist_footer.jpg'); */
}

td.gui_win_tl {
	width:8px;
	height:27px;
	border:0;
}

td.gui_win_t {
	height:23px;
	border:0;
	
	font-size:11pt;		
	color:#eee;
	font-family: "clipconnect_light", sans-serif;
	
}

td.gui_win_tr {
	width:8px;
	height:27px;
	border:0;
}

td.gui_win_l {
	width:8px;
	border:0;
}


td.gui_win_r {
	width:8px;
	border:0;
}

td.gui_win_b {
	height:8px;
	border:0;
}

td.gui_win_bl {
	height:8px;
	width:8px;
	border:0;
}

td.gui_win_br {
	height:8px;
	width:8px;
	border:0;
}

div.gui_win_bll {
	width:8px;
	height:8px;
	float:left;	
}

div.gui_win_brr {
	width:8px;
	height:8px;
	float:right;	
}





a.parlist_button {
	float:left;
	width:153px;
	padding-left:35px;
	height:30px;
	line-height:28px;
	
	color:#EEE;
	
	background-repeat:no-repeat;
	background-position:6px 4px;
}

a.parlist_button:hover {
	text-decoration:none;
	background-color:#888;
}

a.parlist_more_button {
	float:left;
	width:188px;
	
	
	background-color:#eee;
	
	font-weight:bold;
	color:#888;
	
	text-align:center;
	
	background-repeat:no-repeat;
	background-position:6px 3px;
	
	border-top:1px solid #bbb;
	border-bottom:1px solid #ddd;
	
	text-decoration:underline;
}

a.parlist_more_button:hover {
	
	background-color:#DAE6F3;
}


select.parlist_filter {
	width:177px;
} 

input.parlist_filter {
	width:139px; 
}

a.underline {
	text-decoration:underline;
}

a.blueunderline {
	color:#207BCE;
	text-decoration:underline;
}

span.off {
	color:#666;
}

input.button {
	
	border:1px solid #000;
	color:#eee;
	
	background-image	: url('../images/gui/titlebar.jpg');
	
	padding-left:20px;
	padding-right:20px;
	padding-top:0;
	padding-bottom:0;
	
	margin-right:15px;
	margin-left:15px;
	height:22px;
	
	font-size:12px;
	
	/* padding-top:4px; */
	
	line-height:16px;
	
	cursor:hand;
	pointer:hand;
}

input.buttonv2 {
	margin:0;
	padding:0;
	border:0;
	cursor:pointer;
	background-color:transparent;

}

a.headermini {
	float:right;
	padding:1px;
	padding-left:3px;
	padding-right:3px;
	margin-right:4px;
	color:#fff;
	font-weight:normal;
	font-size:12px;
	text-decoration:underline;
	/* border:1px solid #fff; */
	/* background-color:#000; */
}
a.download_rtf, a.download_xls, a.download_pdf {
	padding:5px;
	float:left;
	margin:10px;
	color:#207BCE;
	background-color:#eee;
	border:1px solid #aaa;
	margin-left:20px;
	margin-top:8px;
	margin-bottom:0px;
	padding-left:40px;
	padding-right:20px;
	background-repeat:no-repeat;
	background-image:url('../images/ext/rtf.gif');
	background-position:12px 4px;
	width:230px;
	
}

a.download_xls {
	background-image:url('../images/ext/xls.gif');
}
a.download_pdf {
	background-image:url('../images/ext/pdf.gif');
	padding-left:50px;
	padding-right:10px;
}


a.download_rtf:hover, a.download_xls:hover, a.download_pdf:hover {
	border:1px solid #207BCE;
	background-color:#eef;
	text-decoration:none;
}

div.boxlist {
	/*
	border-left:1px solid #555;
	border-top:1px solid #555;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	background-color:#222;
	*/
}

div.boxheader {
	/* border:1px solid #000; **/
	height:23px;
	background-image:url('../images/gui/titlebar.jpg');
	font-weight:bold;
	color:#fff;
	padding-left:4px;
	font-size:13px;
	line-height:23px;
	
}

p.ginfo {
	color:#ccc;
}
p.ginfo a {
	color:#ccc;
}



div#playerbox {
	position:absolute;
	left:-300px;
	width:40px;
	
	
	border-left:1px solid #111;
	
	border-right:1px solid #2e2e2e;
	
}

div#playerbg {
	position:absolute;
	left:-300px;
	width:40px;
	/* background-color:#222; */
	
}


h1 {
	font-size:18px;
	font-weight:bold;
	margin:0;
	padding:0;
}
p.file_header_desc {
	margin:0;
	border:0;
	padding:0;
	color:#ffcc00;
}
a.edit_button {
	position:absolute;
	right:2px;
	top:2px;
	
	color:#666;
	
	padding:4px;
	height:19px;
	overflow:hidden;
}
div.dialog_tab {
	
}
div.dialog_frame {
	position:absolute;
	
	border:0;
	padding:0;
	margin:0;
	scrollbar-base-color: #555;
	
	font-family: "clipconnect_regular", sans-serif;
	background-color:rgba(255,255,255,0.1);		
	box-shadow:inset 0 0 5px rgba(255,255,255,0.4);
}
div.dialog_frame_header {
	position:absolute;
	
	border:0;
	padding:0;
	margin:0;
	color:#eee;
	font-family: "clipconnect_light", sans-serif;
}



td.main_dialog_tabs {
	font-family: "clipconnect_light", sans-serif;
	
	height:22px;
	padding:0;
	
}

a.gui_dialog_tab {
	float:left;
	height:22px;
	padding-left:10px;
	padding-right:10px;
	/* border-right:1px solid #444; */
	line-height:24px;
	color:#fff;
	opacity:0.5;
	
}

a.gui_dialog_tab:hover {
	text-decoration:none;	
	opacity:1;
}

tr.main_dialog_footer {
	padding:0;
	border:0;
	margin:0;
}


td.main_dialog_footer {
	font-weight:normal;
	
	height:33px;
	padding:0;
	border:0;
	margin:0;
	
	text-align:center;
}

input, textarea, select {
	background-color:#000;
	color:#fff;
	border:1px solid #333;
}

p.darkinfo {
	background-color:#575758;
	border-left:1px solid #444;
	border-top:1px solid #444;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	padding:2px;
	color:#eee;
}
div.darkinfo {
	background-color:#575758;
	border-left:1px solid #444;
	border-top:1px solid #444;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	padding:2px;
	color:#eee;
	overflow:hidden;
}
span.error {
	color:#bb0000;
	background-color:#444;
	padding:2px;
}
div.subinfo {
	background-color:#676768;
	border-left:1px solid #444;
	border-top:1px solid #444;
	border-right:1px solid #7f7f7f;
	border-bottom:1px solid #7f7f7f;
	color:#eee;
	margin:5px;
	
}
div.subinfo_head {
	background-color:#666;
	
	border-right:solid #000 1px;
	border-bottom:solid #333 1px;
	height:18px;
	padding-left:6px;
	padding-right:6px;
	padding-top:1px;
	padding-bottom:1px;
	line-height:20px;
	background-image:url('../images/gui/titlebar_light.jpg');
	color:#fff;
	font-weight:bold;
}

div.subinfo_content {
	padding:4px;
	border-bottom:1px solid #292929;
	borer-left:1px solid #333;
	color:#ccc;
}

div.subinfo_content h1 {
	font-size:15px;
	font-weight:bold;
}

div.subinfo_content a, a.functionbutton {
	background-image:url('../images/gui/titlebar.jpg');

	border-right:1px solid #444;
	border-bottom:1px solid #444;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
	margin-bottom:4px;
}
div.subinfo_content a:hover, a.functionbutton:hover {
	text-decoration:none;
	background-image:none;
	background-color:#777;
}

a.navbutton, a.navbutton_selected {
	background-image:url('../images/gui/titlebigbar.jpg');
	background-position:0px -10px;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
	margin-bottom:4px;
	color:#eee;
	margin-left:1px;
}
a.navbutton:hover, a.navbutton_selected:hover, a.navbutton_selected {
	text-decoration:none;
	background-image:url('../images/gui/titlebigbar_select.jpg');
	background-color:#777;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}

a.navbutton_selected, a.navbutton_selected:hover {
	border-right:1px solid #aaa;
	border-bottom:1px solid #999;
}

a.navbigbutton, a.navbigbutton_selected {
	background-image:url('../images/gui/titlebigbar.jpg');
	border-right:1px solid #333;
	border-bottom:1px solid #333;
	padding:2px;
	padding-left:6px;
	padding-right:6px;
	padding-bottom:1px;
	margin-bottom:4px;
	color:#eee;
	margin-left:1px;
	height:35px;
	line-height:17px;
	float:left;
	overflow:hidden;
}
a.navbigbutton:hover, a.navbigbutton_selected:hover, a.navbigbutton_selected {
	text-decoration:none;
	background-image:url('../images/gui/titlebigbar_select.jpg');
	background-color:#777;
	border-right:1px solid #333;
	border-bottom:1px solid #333;
}

a.navbigbutton_selected:hover, a.navbigbutton_selected, a.navbutton_selected:hover, a.navbutton_selected {
	background-image:url('../images/gui/titlebigbar_pressed.jpg');
}

div.subinfo_content a.sharelink {
	border:0;
	background-image:none;
	padding:0;
	font-size:10px;
	color:#aaa;
}

div#file_header {
	/* border-left:1px solid #555; */
	
	/*
	background-color:#444;
	
	border-top:1px solid #555;
	border-right:1px solid #7f7f7f;
	*/
	
	border-left:1px solid #333;
	border-top:1px solid #333;
	border-right:1px solid #444;
	border-bottom:1px solid #444;
	overflow:auto;
	scrollbar-base-color:#555;
	
}

div#article {
	width:640px;
	padding:15px;
	top:80px;
	position:absolute;
	left:214px;
	background-color:#333;
	font-size:13px;
	line-height:18px;
	color:#fff;
	text-align:justify;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #111;
	border-right:1px solid #111;
}

div#article h1 {
	font-size:19px;
	line-height:22px;
	border-bottom:1px dotted #999;
	margin-top:10px;
	padding-bottom:5px;
}

div#article h2 {
	font-size:17px;
	line-height:20px;
	border-bottom:1px dotted #999;
	margin-top:30px;
	padding-bottom:5px;
}

div#article h3 {
	font-size:15px;
	line-height:18px;
	border-bottom:1px dotted #666;
	padding-right:30px;
	margin-right:30px;
}

div#article p {
	margin-right:30px;
}

div#article table td, div#article table th {
	border:thin solid #555;
}

div#articlenav {
	width:190px;
	padding:0px;
	top:80px;
	position:absolute;
	left:10px;
	background-color:#333;
	font-size:13px;
	line-height:18px;
	color:#fff;
	text-align:left;
	border-top:1px solid #555;
	border-left:1px solid #555;
	border-bottom:1px solid #111;
	border-right:1px solid #111;
}

div#articlenav p{
	margin:0;
	padding:0;
	display:block;
	padding-left:6px;
	padding-right:6px;
	color:#777;
	font-weight:bold;
	padding-top:2px;
	padding-bottom:2px;
	background-color:#333;
	border-bottom:1px solid #333;
}

div#articlenav a{
	display:block;
	padding-left:12px;
	padding-right:6px;
	color:#fff;
	padding-top:6px;
	padding-bottom:6px;
	border-bottom:1px solid #222;
}

div#articlenav a.sel{
	background-color:#555;
	font-weight:bold;
}

div#articlenav a:hover{
	background-color:#444;
	text-decoration:none;
}

div#articlenav a.sel:hover{
	background-color:#666;
	text-decoration:none;
}
a.iphone {
	text-decoration:none;
}
a.iphone:hover {
	text-decoration:none;
}

a.but14 {
	margin-right:4px;
	width:16px;
	height:16px;
	float:left;
	background-repeat:no-repeat;
	background-position: 1px 1px;
}

a.but14:hover {
	background-color:#777;
}
div#loop {
	position:absolute;
	left:2px;
	top:0px;
	width:640px;
	height:360px;
	background-image:url('/images/home_2012.jpg');
	-webkit-transition: all 0.8s ease-in-out;
    -moz-transition: all 0.8s ease-in-out;
    -o-transition: all 0.8s ease-in-out;
    -ms-transition: all 0.8s ease-in-out;
	transition: all 0.8s ease-in-out;

}
	div#main_column {
		position:absolute;
		left:20px;
		top:80px;
		right:340px;
		background-color:rgba(255,0,0,0.1);
	}
	div#tool_column {
		position:absolute;
		width:300px;
		top:80px;
		right:20px;
		background-color:rgba(0,255,0,0.1);
	}
	
	div#player_cradle {
		width:100%;
		background-color:#000;
		text-align:center;
	}
	div#timeline {
		width:100%;
		height:100px;
		background-color:#000;
		margin-top:5px;
	}
	div#current_position {
		height:40px;
		width:300px;
		background-color:#000;
		font-size:30px;
		text-align:right;
		box-shadow:inset 0 0 4px rgba(255,255,255,0.6);
	}
	div#controls {
		margin-top:5px;
		height:40px;
		width:300px;
		background-color:#000;
	}
	div.controls_button {
		display:block;
		height:40px;
		width:40px;
		float:left;
		background-color:#999;
		color:#000;
		border-radius:4px;
		cursor:pointer;
	}
	
	/* HTML 5 Player Main structure */
	div#h5_container {
		/* position:absolute;
		 */
		position:relative;
		display:block;
		margin-top:5px;
		
		
		left:0;
		width:100%;
		min-width:1200px;
	}
	
	div#h5_main {
		position:absolute;
		left:340px;
		right:340px;
		top:0;
	}
	
	div#h5_controls {
		position:absolute;
		left:5px;
		top:0;
		width:330px;
	}
	
	div#h5_files {
		position:absolute;
		right:5px;
		top:0;
		width:330px;
	}
	
	/* HTML 5 Player - Player Eleemtns*/
	div#h5_player_container {
		width:100%;
		height:auto;	
	}
	div#h5_player {
		width:100%;
	}
	div#h5_living_timeline {
		position:relative;
		width:100%;
		height:45px;
		overflow:hidden;
		padding:0;
	}
	div#h5_living_timeline_pictures {
		width:100%;
		height:45px;
		position:absolute;
	}
	div#h5_living_timeline_pictures div {
		position:absolute;
		top:0;
		width:80px;
		height:45px;
	}
	div#h5_living_timeline_pictures div div {
		position:absolute;
		top:33px;
		right:2px;
		width:auto;
		height:auto;
		background-color:#000;
		font-size:9px;
		font-family:courier;
		padding-right:2px
	}
	div#h5_waveform {
		width:100%;
		height:19px;
		position:relative;
		background-color:#000;
		background-size: 100% 20px;
		background-position:0 0px;
		background-repeat: no-repeat;
		overflow:hidden;
		padding:0;
		box-shadow:none;
	}	
	div#h5_scrubber_progress {
		position:absolute;
		
		left:0;
		top:5px;
		background-color:#000;
		width:100%;
		height:9px;
	}
	div#h5_inpoint, div#h5_outpoint, div#h5_lt_inpoint, div#h5_lt_outpoint {
		position:absolute;
		height:15px;
		width:5px;
		border-top:2px solid #fc0;
		border-bottom:2px solid #fc0;
		background-color:rgba(0,0,0,0.5);
	}
	div#h5_inpoint, div#h5_lt_inpoint {
		border-left:2px solid #fc0;
	}
	div#h5_outpoint, div#h5_lt_outpoint {
		border-right:2px solid #fc0;
	}
	div#h5_before, div#h5_after, div#h5_lt_before, div#h5_lt_after {
		position:absolute;
		height:19px;
		background-color:rgba(0,0,0,0.7);
	}
	div#h5_lt_inpoint, div#h5_lt_outpoint {
		height:41px;
	}
	div#h5_lt_before, div#h5_lt_after {
		height:45px;
	}
	
	div.scrb {
		position:absolute;
		height:1px;
		top:4px;
		background-color:#fff;
		box-shadow:0 0 2px #fff;
	}
	
	div.edle {
		position:absolute;
		height:7px;
		top:1px;
		background-color:rgba(0,200,0,0.5);
		border-left:1px solid #eee;
		
	}
	
	div#h5_waveform_pos, div#h5_living_timeline_pos {
		position:absolute;
		top:0;
		bottom:0;
		width:1px;
		left:0;
		background-color:#fff;
		border-left:1px solid #000;
		border-right:1px solid #000;
		box-shadow:0 0 5px #fff;
		z-index:10;
	}
	div#h5_waveform_target, div#h5_living_timeline_target, div.fle_scrubber {
		position:absolute;
		top:0;
		bottom:0;
		width:1px;
		left:0;
		background-color:#fc0;
		border-left:1px solid #000;
		border-right:1px solid #000;
		box-shadow:0 0 5px #fc0;
		z-index:9;
		left:-10px;
	}
	
	/* Timecode & Audio Meters */
	div#h5_timecode {
		font-size:20pt;
		color:#eee;
		font-family: "clipconnect_light", sans-serif;
		position:absolute;
		left:90px;
		top:4px;
	}
	span#inpoint_tc, span#outpoint_tc {
		font-size:12pt;		
		color:#eee;
		font-family: "clipconnect_light", sans-serif;
		
	}
	div#h5_audio_data {
		display:none;
	}
	div#h5_audio_meters {
		position:relative;
		width:100%;
		height:142px;
		text-align:center;
	}
	span.h5_timecode {
		font-size:20pt;
		color:#eee;
		font-family: "clipconnect_light", sans-serif;
	}

		
	/* General Box */
	div.h5_box, a.h5_box {
		font-family: "clipconnect_regular", sans-serif;
		background-color:rgba(255,255,255,0.1);		
		box-shadow:inset 0 0 5px rgba(255,255,255,0.4);
		margin-top:5px;
		box-sizing: border-box;
		border-radius:2px;
		padding:10px;
		padding-top:6px;
		padding-bottom:8px;
		display:block;
		color:#eee;
		text-decoration:none;
	}
	div.h5_box h3, a.h5_box h3 {

		margin:0;
		font-weight:normal;
		font-size:15pt;
		margin-bottom:5px;
		margin-top:3px;
		font-family: "clipconnect_light", sans-serif;
    	word-wrap:break-word;
	}
	
	div.h5_box p, a.h5_box p {
		margin:0;
		margin-top:4px;
	}
	
	div.h5_box_error {
		background-color:rgba(255,0,0,0.2);		
		box-shadow:inset 0 0 5px rgba(255,0,0,0.4);
	}
	
	/* File-Specific */
	div.fle, div.fle_current, a.fle {				
		position:relative;
		padding-left:25px;
		box-sizing: border-box;
		min-height:62px;
		padding-top:6px;
		padding-bottom:6px;
		overflow:hidden;
	}
	div.fle h3, a.fle h3, div.fle_folder h3 {
		font-size:12pt;
        	word-wrap:break-word;
		
	}
	div.h5_box h4, a.h5_box h4 {
		margin:0;
		margin-left:0px;
		margin-right:100px;
		font-weight:normal;
		font-size:11pt;
		margin-bottom:0px;
		line-height:13pt;
		font-family: "clipconnect_light", sans-serif;
		word-wrap:break-word;
	}
	div.fle {
		cursor:pointer;
	}
	div.fle:hover, div.fle_current {
		background-color:rgba(255,255,255,0.3);
	}
	div.h5_contactsheet div.fle, div.h5_contactsheet div.fle_current {
		width:320px;
		float:left;
		margin-right:5px;
		min-height:65px;
	}
	div.fle_thumb {
		background-color:#000;
		box-shadow:inset 0 0 5px rgba(255,255,255,0.8);
		
		width:80px;
		height:45px;
		
		/*
		position: absolute;
		top:10px;
		right:10px;
		*/
		position:relative;
		float:right;
		margin-left:5px;
		margin-bottom:3px;
		margin-top:2px;
		padding:5px;
		
		box-sizing: border-box;
		border-radius:2px;
		
		font-size:30px;
		line-height:30px;
		text-align:center;
		
		overflow:hidden;
		
	}
	i.fle_icb {
		color:#fff;
		position:absolute;
		left:3px;
		top:3.5px;
		font-size:9pt;
		text-shadow:0 0 4px #000;
	}
	i.fle_ic {
		color:#090;
		position:absolute;
		left:3px;
		top:3px;
		font-size:10pt;
		text-shadow:0 0 4px #fff;
		/* text-shadow:0 0 5px rgba(255,255,255,0.8); */
	}
	
	
	/* Sub-Box Left/Right Layout */
	div.column_left {
		float:left;
		width:150px;
	}
	div.column_right {
		float:right;
		width:150px;
	}
	div.column_footer {
		clear:both;
	}
	
	/* Buttons */
	a.but_il, a.but_line, input.buttonv2  {
		display:inline-block;
		background-color:rgba(0,0,0,0.5);
		padding:6px;
		padding-top: 4px;
		padding-bottom: 4px;
		border-radius:5px;
		color:#eee;
		box-shadow:inset 0 0 4px rgba(255,255,255,0.6);
		overflow:hidden;
		white-space:nowrap;
		text-overflow: ellipsis;
		cursor:pointer;
	}
	a.but_line {
		display:block;
		margin-top:4px;
		max-width:350px;
	}
	a.but_il:hover, .but_line:hover, input.buttonv2:hover {
		text-decoration:none;
		background-color:rgba(255,255,255,0.3);
	}
	a.but_il_selected {
		background-color:#fc0;
	}
	div.but_block {
		background-color:rgba(0,0,0,0.5);
		padding:6px;
		padding-top: 4px;
		padding-bottom: 4px;
		border-radius:5px;
		color:#eee;
		box-shadow:0 0 4px rgba(255,255,255,0.3);
	}
	
	div#h5_buttons {
		width:100%;
		text-align:left;
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	div.h5_bon, div.h5_boff, div.h5_bwait {
		padding:10px;
		border:0px solid #777;
		border-radius:5px;
		font-size:20px;
		line-height:20px;
		cursor:pointer;
		width:20px;
		height:20px;
		display:inline-block;
		text-align:center;
		background-color:rgba(0,0,0,0.5);
		box-shadow:0 0 4px rgba(255,255,255,0.3);
		margin-right:1px;
		-webkit-touch-callout: none;
	    -webkit-user-select: none;
	    -khtml-user-select: none;
	    -moz-user-select: none;
	    -ms-user-select: none;
	    user-select: none;
	}
	div.h5_boff:hover {
		background-color:#666;
	}
	div.h5_bon {
		background-color:#fc0;
	}
	div.h5_bwait {
		background-color:#0cf;
	}
	div.h5_features {
		background-color:rgba(0,0,0,0.6);
		border-radius:5px;
		width:100%;
		margin-top:5px;		
		padding:1px;
		text-align:left;
		box-shadow:0 0 4px rgba(255,255,255,0.3);
	}
	a.h5_feature, a.h5_feature_select {
		color:#999;
		font-size:9px;
		margin-left:8px;
	}
	a.h5_feature:hover, a.h5_feature_select  {
		color:#fff;
		text-decoration:none;
	}
	span.feature_spacer {
		width:20px;
		display:inline-block;
	}
	
	/* Misc */
	span.info {
		color:#aaa;
	} 
	a.transparent_link {
		color:inherit;
		text-decoration:none;
		
	}
	a.transparent_link:hover {
		color:#fff;
		text-shadow:0 0 3px #fff;
	}
	div.h5_counter {
		display:inline-block;
		background-color:rgba(255,255,255,0.5);
		color:#333;
		padding:0px;
		padding-left:4px;
		padding-right:4px;
		border-radius:7px;
		font-size:8pt;
		font-weight:bold;
		vertical-align:1px;
		font-family:Arial;
		margin-left:5px;
		
	}
	textarea.h5_textarea {
		box-sizing: border-box;
		border-radius:5px;
		padding:4px;
		background-color:rgba(255,255,255,0.3);
		box-shadow:inset 0 0 5px rgba(255,255,255,0.4);
		border:none;
		color:#eee;
		resize: none;
	}
	div#h5_help {
		display:none;
		position:fixed;
		background-color:rgba(0,0,0,0.9);
		box-shadow:0 0 5px rgba(0,0,0,0.6);
		border-radius:5px;
		padding:4px;
		font-family:clipconnect_light;
		top:auto;
		white-space: nowrap;
		padding-left:10px;
		padding-right:10px;
		z-index:9999;
	}
	div.h5_phone_bottom_nav {
		clear:both;
		margin-top:5px;
	}
	div.h5_phone_bottom_nav a {
		display:block;
		color:#eee;
	}
	a.phone_top_nav {
		font-family: "clipconnect_regular", sans-serif;
		background-color:rgba(255,255,255,0.1);		
		box-shadow:inset 0 0 5px rgba(255,255,255,0.4);
		border-radius:2px;
		padding:10px;
		padding-top:6px;
		padding-bottom:8px;
		position:absolute;
		top:12px;
		right:10px;
		color:#fff;
	}
	a.phone_top_nav:hover {
		text-decoration:none;
	}
	
	/* Big Text - Main Responsive Container*/
	div#h5_bigtext {
	
		font-family: "clipconnect_regular", sans-serif;
		font-size:14px;
	    line-height:20px;
		
		position:relative;
		display:block;
		margin-top:3px;
		margin-left:auto;
		margin-right:auto;
		
		min-width:350px;
		max-width:1200px;
		
		background-color:#000;
		box-shadow:0 5px 10px rgba(255,255,255,0.4);
		
		padding-top:0px;
		margin-bottom:0;
	}
	
	/* Big Text Headline */
	div#h5_bigtext h1 {
		font-family: "clipconnect_light", sans-serif;
		font-size:26px;
		line-height:32px;
		font-weight:normal;
		margin-top:60px;
		margin-bottom:30px;
		margin-left:10%;
		margin-right:10%;
		color:#fff;
	}
	
	/* Standard Paragraph */
	div#h5_bigtext p {
		margin-left:10%;
		margin-right:10%;
		color:#ccc;
		text-align:justify;
	}
	
	/* The Small Print */
	div#h5_bigtext p.small {
		font-size:11px;
	    line-height:16px;
	}
	
	/* Centered - just to mix things up */
	div#h5_bigtext h1.c,  div#h5_bigtext p.c{
		text-align:center;
		margin-left:10%;
		margin-right:10%;
	}
	
	div#h5_bigtext p.c {
		width:600px;
		margin-left:auto;
		margin-right:auto;
	}
	@media all and (max-width: 750px) {
		div#h5_bigtext p.c {
			width:auto;
			margin-left:10%;
			margin-right:10%;
		}
	}
	
	/* Pic that spans the whole width */
	div#h5_bigtext img.bigpic {
		width:100%;
		margin-top:10px;
	}

	/* 1 shade of grey */
	div#h5_bigtext div.grey {
		box-shadow: 0px 0 50px rgba(255,255,255,0.4);
		position:relative;
		padding-top:1px;
		padding-bottom:20px;
		margin-top:40px;
	}
	
	/* Pic that floats to the right */
	div#h5_bigtext img.rpic {
		float:right;
		overflow:hidden;
		width:30%;
		min-width:290px;
		margin-right:10%;
		margin-left:10%;
		margin-top:16px;
		margin-bottom:20px;
	}
	
	/* Make it full width for small browsers */
	@media all and (max-width: 750px) {
		div#h5_bigtext img.rpic {
			float:none;
			
			width:80%;
			margin:0;
			margin-top:20px;
			margin-left:10%;
			margin-right:10%;
			max-width:350px;
		}
	}
	
	/* The almighty pricing table */
	table.pricing {
		width:100%;
		margin-top:20px;
	}
	
	table.pricing tr td {
		font-family: "clipconnect_regular", sans-serif;
		font-size:14px;
		color:#ccc;
		padding:5px;
		text-align:center;
	}
	
	table.pricing tr th {
		font-family: "clipconnect_light", sans-serif;
		font-size:14px;
		color:#fff;
		padding:5px;
		text-align:center;
		font-weight:normal;
	}
	@media all and (max-width: 750px) {
		table.pricing tr td, table.pricing tr th {
			font-size:12px;
		}
	}
	
	div#h5_bigtext div.video_container {
		position: relative;
		width: 80%;		/* desired width */
		max-width:640px;
		min-width:350px;
		margin-left:auto;
		margin-right:auto;
		margin-top:20px;
		
	}
	div#h5_bigtext div.video_container:before {
		content: "";
		display: block;
		padding-top: 56%;	
	}
	
	div#h5_bigtext div.video_content {
		position:  absolute;
		top: 0;
		left: 0;
		bottom: 0;
		right: 0;
		overflow:hidden;		
	}
	
	@media all and (max-width: 750px) {
		.optional {
			display:none;
		}
	}
	
	a.bigtrybutton {
		background-color:rgba(0,255,0,0.2);
		box-shadow:inset 0 0 5px rgba(0,255,0,0.8);
		color:#e0e9e0;
		padding:15px;
		padding-left:30px;
		padding-right:30px;
		border-radius:5px;
		display:inline-block;
	}
	a.bigtrybutton:hover {
		text-decoration:none;
		color:#fff;
		background-color:rgba(0,255,0,0.4);
	}
	
	/* This is for the animated Diagram on the Home page */
	div.schematic {
		position:relative;
		height:410px;
		width:900px;
		margin-left:auto;
		margin-right:auto;
		margin-top:10px;
		margin-bottom:30px;
	}
	@media all and (max-width: 900px) {
		div.schematic {
			display:none;
		}
	}
	.flag, .flag_selected {
		vertical-align:-1px;
	}
	.flag_selected {
		box-shadow:0 0 5px rgba(255,255,255,1);
	}
	
	.vtype, .stype, .dtype, .rtype {
		padding:0px;
		padding-left:12px;
		padding-right:12px;
		color:#000;
		border-radius:10px;
		font-weight:bold;
		box-shadow:inset 0 0 10px rgba(255,255,255,1);
	}
	
	.vtype {
		background-color:#fc0;
		
	}
	
	.stype {
		background-color:#ccf;
		
	}
	
	.dtype {
		background-color:#393;
		
	}
	
	.rtype {
		background-color:#000;
		box-shadow:0 0 10px rgba(255,255,255,0.5);
		color:#fff;
		
	}
	.sbox {
		position:absolute;
		width:200px;
		text-align-center;
		border-radius:10px;
		box-shadow:0 0 10px rgba(255,255,255,0.5);
		text-align:center;
		line-height:30px;
		padding:10px;
		padding-bottom:15px;
		background-color:#000;
		
	}
	.tbox {
		position:absolute;
		width:120px;
		text-align:center;
		height:20px;	
		box-shadow:0 0 10px rgba(255,255,255,0.5);	
		line-height:20px;
		font-size:8pt;
		
		background: linear-gradient(90deg, #000, #555, #000, #555, #000, #555, #000, #555, #000);
		background-size: 200% 100%;
		
		-webkit-animation: looper 2s linear infinite;
		-moz-animation: looper 2s linear infinite;
		animation: looper 2s linear infinite;
		
		
	}
	.vbox {
		position:absolute;
		height:40px;
		text-align:center;
		width:20px;	
		box-shadow:0 0 10px rgba(255,255,255,0.5);	
		line-height:20px;
		font-size:8pt;
		
		background: linear-gradient(0deg, #000, #555, #000, #555, #000, #555, #000, #555, #000);
		background-size: 100% 200%;
		
		-webkit-animation: looper2 2s linear infinite;
		-moz-animation: looper2 2s linear infinite;
		animation: looper2 2s linear infinite;
		
		
		
	}
	
	@-webkit-keyframes looper { 
 		   0%{background-position:100% 50%}		
	       100%{background-position:0% 50%}
	}
	@-moz-keyframes looper { 
 		   0%{background-position:100% 50%}		
	       100%{background-position:0% 50%}
	}
	@keyframes looper { 
 		   0%{background-position:100% 50%}		
	       100%{background-position:0% 50%}
	}
	@-webkit-keyframes looper2 { 
 		   0%{background-position:50% 100%}		
	       100%{background-position:50% 0%}
	}
	@-moz-keyframes looper2 { 
 		   0%{background-position:50% 100%}		
	       100%{background-position:50% 0%}
	}
	@keyframes looper2 { 
 		   0%{background-position:50% 100%}		
	       100%{background-position:50% 0%}
	}
	
	select {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9pt;
	width: 150px;
	background-color:#222;
}