/*///////////////////////////////////////////////////////////
	Clearfix
///////////////////////////////////////////////////////////*/

	.clearfix:after {
	   content:".";
	   display:block;
	   height:0;
	   clear:both;
	   visibility:hidden;
	}
	.clearfix {
		display:inline-block;
	}
	.clearfix {
		display:block;
	}
	
	br.clear {
		height:0em;
		font:1px/1px sans-serif;
		text-decoration:none;
		margin:0;
		padding:0;
		clear:both;
	}
	
/*//////////////////////////////////////////////////////////
	Reset
//////////////////////////////////////////////////////////*/
	
	* {
		padding:0;
		margin:0;
	}
		
	body, a, ul, li, p, h1, h2, h3, h4, input, select, textarea {
		font-family:Arial, Helvetica, sans-serif;
		text-decoration:none;
	}
	
	body {
		font-size:62.5%;
	}
	
	button {
		background-color:transparent;
		cursor:pointer;
		border:0;
		display:block; 
	}	
	
	table {
		border-collapse:collapse;
	}
	
	img {
		display:block;
	}
	a img {
		border:none;
	}
	
	object,
	embed {
		outline:0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Shell
/////////////////////////////////////////////////////////////////////*/
	
	body {
		background:#dfdfdf;
	}
	
	/* width of site */
	.inner,
	#page,
	#container {
		width:996px;
		margin:0 auto;		
	}

/*/////////////////////////////////////////////////////////////////////
	Header
/////////////////////////////////////////////////////////////////////*/

	#header {
		background:#000000;
		height:104px; 
	}
	
	/* logo */
	#header h1#logo {
		float:left;
		height:101px;
		width:98px;
		text-indent:-9999px;
		font-size:0.0001em;
	}
	#header h1#logo a {
		display:block;
		height:101px;
		width:98px;
		background:url(images/layout/logo.gif) no-repeat 10px 50px;
		outline:0;
	}
	
	/* tel */
	#header h2#call {
		float:right;
		text-indent:-9999px;
		font-size:0.0001em;
		height:30px;
		width:272px;
		padding:0 21px 0 0;
		margin:58px 0 0 0;
	}
	#header h2#call a {
		display:block;
		background:url(images/layout/tel.gif) no-repeat top center;
		height:30px;
		outline:0;
	}
	
	/* SLA */
	#header .inner {
		position:relative;
		z-index:10;
	}
	#header #sla {
		width:180px;
		height:52px;
 		background:url(images/misc/sla.jpg) no-repeat top left;
		position:absolute;
		top:10px;
		left:815px;
	}
	#header #sla a {
		height:52px;
		text-indent:-9999px;
		line-height:0.001em;
		font-size:0.001em;
		display:block;
		outline:0;
	}
	
	/* nav */
	#header ul#nav {
		float:right;
		padding:65px 20px 0 0;
		position:relative;
	}
	#header ul#nav li {
		float:left;
		list-style:none;
		position:relative;
		height:38px;
		z-index:10000;
		padding:0 1px 0 0;
		background:url(images/nav/nav-divide.gif) no-repeat 100% 11px;
	}

	#header ul#nav li a {
		display:block;
		outline:0;
		height:38px;
		float:left;
		color:#ffffff;
		text-decoration:none;
		font-size:1.1em;
		padding:0px 9px;
		line-height:38px;
	}
	#header ul#nav li a:hover {
		background:#1a1919;
	}
	#header ul#nav li.active a {
		background-position:bottom center;
	}
	/* specific menu items */
	#header ul#nav li#nServers a {
		background-image:url(images/nav/servers.gif);
		width:67px;
	}
	#header ul#nav li#nInfrastructure a {
		background-image:url(images/nav/infrastructure.gif);
		width:103px;
	}
	#header ul#nav li#nProducts a {
		background-image:url(images/nav/services.gif);
		width:73px;
	}
	#header ul#nav li#nCompany a {
		background-image:url(images/nav/company.gif);
		width:76px;
	}
	#header ul#nav li#nContact a {
		background-image:url(images/nav/contact.gif);
		width:68px;
	}
	#header ul#nav li#nHome {
		background:none;
	}
	#header ul#nav li#nHome a {
		background-image:url(images/nav/home.gif);
		width:55px;
	}
	
	#header ul#nav li.last {
		background:none;
	}
	
	/* drop down */
	#header ul#nav li ul {
		display:none;
	}
	#header ul#nav li:hover ul,
	#header ul#nav li.sfHover ul {
		display:block;
	}
	#header ul#nav li:hover a,
	#header ul#nav li.sfHover a {
		background-position:center center;
	}
	#header ul#nav li ul {
		position:absolute;
		top:38px;
		left:0;
		width:216px;
		z-index:10000;
	}
	#header ul#nav li ul li {
		float:left;
		text-indent:0;
		width:216px;
		height:41px;
		background:none;
		padding:0;
		margin:0;
	}
	#header ul#nav li ul li a {
		height:41px;
		width:200px !important;
		padding:0 0 0 16px;
		background:url(images/nav/sub.jpg) no-repeat top center !important;
		font-size:1.1em;
		line-height:41px;
		color:#e4e4e4;
		margin:0;
		float:left;
		text-decoration:none;
	}
	#header ul#nav li ul li a:hover {
		background-position:bottom center !important;
	}
		
/*/////////////////////////////////////////////////////////////////////
	Content
/////////////////////////////////////////////////////////////////////*/

	/* title and subnav bits */
	#page {
		padding:0 0 8px 0;
		background:url(images/layout/container-top.gif) no-repeat bottom center;
	} 
	#page h2 {
		padding:38px 8px 2px 8px;
		color:#494949;
		letter-spacing:-0.02em;
		font-size:2.6em;
		font-weight:100;
		height:40px;
		line-height:43px;
		background:#dfdfdf;
	}
	#page #subnav {
		height:35px;
		width:685px;
		background:url(images/nav/subnav.jpg) no-repeat center center;
	}
	#page #subnav {
		height:35px;
		width:685px;
	}
	#page ul li {
		float:left;
		list-style:none;
	}
	#page ul li a {
		display:block;
		padding:0 13px 0 12px;
		line-height:35px;
		background:url(images/nav/subnav-divide.gif) no-repeat right center;
		font-size:1.2em;
		color:#3c3a3a;
		text-decoration:none;
		font-weight:bold;
	}
	#page ul li a:hover {
		color:#ffffff;
	}
	#page ul li.last a {
		background:none;
	}
	
	/* content */
	#container {
		background:url(images/layout/content-main.gif) repeat-y center left;
		margin-bottom:20px;
	}
	#container .clearfix {
		background:url(images/layout/content-bottom.gif) no-repeat left bottom;
	}
	
	#content {
		width:636px;
		text-align:justify;
		float:left;
		padding:18px 25px 34px 25px;
		background:url(images/layout/content-top.gif) no-repeat top left;
	}
	
	/* breadcrumb */
	.breadcrumb {
		font-size:1.2em;
		line-height:1.2em;
		color:#494949;
		font-style:italic;
		padding:10px 10px 5px 10px;
		font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	}
	.breadcrumb a {
		color:#494949;
		text-decoration:underline;
		font-style:normal;
	}
	.breadcrumb a:hover {
		text-decoration:none;
	}
	
	.breadcrumb span {
		padding:0 3px;
		font-style:normal;
		font-size:1.3em;
	}
	
	/* blue blurb */
	#content h3 {
		font-family:Trebuchet MS;
		font-size:1.5em;
		color:#1b798b;
		line-height:1.4em;
		letter-spacing:-0.02em;
		font-weight:100;
		padding:14px 23px 23px 10px;
		border-bottom:1px solid #c7c7c7;
		margin:0 0 20px 0;
		background-repeat:no-repeat;
		background-position:top right;
	}
	#content h3 a {
		color:#1b798b;
		text-decoration:underline;
	}
	
	/* general header */
	#content h4 {
		color:#494949;
		font-weight:bold;
		letter-spacing:-0.02em;
		font-size:1.5em;
		line-height:1em;
		padding:8px 10px 1.1em 10px;
	}
	#content h5 {
		color:#494949;
		font-weight:bold;
		letter-spacing:-0.02em;
		font-size:1.2em;
		line-height:1em;
		padding:8px 10px 1.1em 10px;
	}	
	
	/* para */
	#content p {
		font-size:1.2em;
		line-height:1.5em;
		color:#494949;
		margin:0 10px 1.5em 10px;
		/* letter-spacing:-0.01em; - in psd but mashes up text */
	}
	
	/* lists */
	#content ul {
		margin:0 10px 1.5em 10px;
	}
	#content ul li {
		list-style:circle;
		font-size:1.3em;
		line-height:1.6em;
		color:#494949;
		margin:0 0 0.5em 30px;
	}
	#content ol {
		margin:0 10px 1.5em 10px;
	}
	#content ol li {
		font-size:1.2em;
		line-height:1.6em;
		color:#494949;
		margin:0 0 0.5em 30px;
	}
	#content li li {
		font-size:1em;
	}
	
	/* beloved tables */
	#content table {
		margin:0 10px 1.8em 10px;
		width:616px;
	}
	#content table thead td,
	#content table thead th,
	#content table tbody th {
		background:#474747 url(th-back.png) repeat-x bottom center;
		height:25px;
		padding:20px 0 10px 10px;
		color:#ffffff;
		line-height:1.4em;
		font-size:1.4em;
		font-weight:bold;
		text-align:left;
		letter-spacing:-0.02em;
		vertical-align:bottom;
	}
	#content table tbody td {
		padding:10px 10px;
		color:#020202;
		font-size:1.1em;
		line-height:1.4em;
		background:#ffffff;
		text-align:left;
	}
	#content table tbody tr.odd td,
	#content table tbody tr.odd th {
		background:#f3f3f3;
	}
	#content table h5 {
		margin:0;
		padding:6px;
	}
	#content table thead img {
		display:inline;
	}
	#content table tr.foot td {
		background:#020202 url(images/misc/table-head.jpg) repeat-x top center;
		color:#ffffff;
		font-weight:bold;
	}
	#content table tr.foot td span,
	#content table tr.foot td a {
		color:#B7D10B;
		text-decoration:none;
	}
	#content table tr.foot td a:hover {	
		text-decoration:underline;
	}
	#content table .w300 {
		width:300px;
	}
	#content form table span {
		color:#020202;
	}
	#content table .right {
		text-align:right;
	}
	#content table td.ready {
		font-weight:bold;
		color:#197b30;
	}
	#content table td.error {
		font-weight:bold;
		color:#a26a20;
	}
	#content table td.pending {
		font-weight:bold;
		color:#507ead;
	}
	#content table td img,
	#content table th img {
		display:inline;
		margin:0 3px -3px 0;
	}
	
	/* links */
	#content p a,
	#content ul li a,
	#content ol li a,
	#content table a,
	#content form a {
		color:#494949;
		text-decoration:underline;
	}
	#content p a:hover,
	#content ul li a:hover,
	#content ol li a:hover,
	#content table a:hover,
	#content form a:hover {
		text-decoration:none;
	}
	
	/* form */
	#content form {
		margin:0 10px 1.5em 10px;
	}
	#content form dd {
		display:block;
		margin:0 0 1.5em 0;
	}
	#content form label {
		font-size:1.1em;
		line-height:1.4em;
		color:#494949;
		display:block;
		padding:0 0 2px 0;
	}
	#content form input,
	#content form select,
	#content form textarea {
		border:1px solid #AAAAAA;
		color:#494949;
		font-size:1.1em;
		line-height:1.4em;
		padding:2px;
	}
	#content form input {
		height:16px;
		padding:4px 2px 2px;
		width:270px;
	}
	
	#content form input:focus,
	#content form select:focus,
	#content form textarea:focus {
		border:1px solid #494949;
	}
	#content form p {
		margin:0 0 1.5em 0;
	}
	#content form h4 {
		padding-left:0;
		padding-right:0;
	}
	#content form em {
		color:#CC0000;
		font-weight:bold;
		font-style:normal;
		margin:0;
		padding:0;
	}
	#content form span {
		color:#888888;
	}
	#content form input {
		width:270px;
		height:16px;
		padding:4px 2px 2px 2px;
	}
	#content form select {
		width:276px;
	}
	#content form textarea {
		width:270px;
		height:145px;
	}
	#content form button {
		float:right;
		text-indent:-9999px;
		background-position:top center;
		background-repeat:no-repeat;
		background-image:url(images/buttons/contact-us.jpg);
		height:35px;
		width:97px;
	}
	#content form button:hover {
		background-position:bottom center;
	}
	#content form button#ringback {
		background-image:url(images/buttons/ring-back.jpg);
	}
	#content form button#submit {
		background-image:url(images/buttons/submit.jpg);
		width:61px;
	}
	#content form table {
		margin-left:0;
		margin-right:0;
	}
	#content form table select {
		width:150px;
		border:1px solid #aaaaaa;
		font-size:1em;
		line-height:1.4em;
		color:#494949;
	}
	#content form table select:focus {
		border:1px solid #494949;
	}
	#content form table.options-table td input {
		width:auto !Important;
		height:auto !important;
		border:none;
	}
	
	/* misc forms */
	#content #login {
		width:313px;
		float:left;
		border-right:1px solid #C7C7C7;
	}
	#content #register {
		float:right;
		width:300px;
		padding:0 5px 0 0;
	}
	#content #login h4,
	#content #register h4 {
		margin-top:0;
	}
	#content .columnleft,
	#content .columnright {
		float:left;
		width:308px;
	}
	#content ul.actions {
		height:35px;
	}
	#content ul.actions li {
		list-style:none;
		float:left;
		padding:0 10px 0 0;
		margin:0;
	}
	
	#content form input#banner {
		height:auto !Important;
	}
	
	/* small print - tax */
	#content #smallPrint {
		padding:24px 0 0 0;
		border-top:1px solid #c7c7c7;
	}
	#content #smallPrint p {
		font-size:1em;
	}
	
	/* video screen */
	#content #videoScreen {
		background:url(images/misc/streaming/screen.jpg) no-repeat center center;
		height:289px;
		margin:0 auto 2.8em auto;
		padding:18px 13px 0 15px;
		width:360px;
	}
	#content #flashScreen {
		background:url(images/misc/streaming/flash-video.jpg) no-repeat center center;
		height:214px;
		margin:0 auto 2.8em auto;
		padding:15px 0 0 15px;
		width:376px;
	}
	
	/* back to top links */
	#content p.back {
		text-align:right;
	}
	#content p.back a {
		color:#B5D133;
	}
	
	/* misc */
	#content .float {
		float:left;
		width:45%;
		padding-right:5%;
	}
	#content img {
		margin:0 auto;
	}
	#container p.error,
	#container ul.error li {
		color:#CC0000;
	}
	#container input.error,
	#container textarea.error,
	#container select.error,
	#container input.error:focus,
	#container textarea.error:focus,
	#container select.error:focus {
		color:#cc0000 !important;
		border:1px solid #cc0000;
	}
	#container label label {
		color:#cc0000 !important;
		font-size:1em !important;
		display:block;
	}
	#container #submit-element input#submit {
		margin:0;
	}
	#container dt#submit-label {
		display:none;
	}
	#container #requestQuote label label {
		padding:0 0 10px 0;
		margin:-5px 0 0 0;
	}
	#container #embed-code,
	#container #player-width,
	#container #player-height {
		height:16px;
		padding:4px 2px 2px;
		width:610px;
		border:1px solid #AAAAAA;
		color:#494949;
		font-size:1.1em;
		line-height:1.4em;
		margin:0 0 10px 0;
	}
	#container #player-width,
	#container #player-height {
		width:192px;
	}
	#container #player-width {
		margin:0 40px 0 0;
	}
	#container input#published {
		width:auto !Important;
		height:auto !important;
		border:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Side
/////////////////////////////////////////////////////////////////////*/
	
	#side {
		float:left;
		width:260px;
		padding:0 0 0 20px;
	}
	#side h3 {
		font-size:1.8em;
		color:#494949;
		margin:0 0 18px 0;
		font-weight:bold;
		line-height:1em;
		letter-spacing:-0.02em;
	}
	
	#miniFlashCon {
		width:300px; height:303px; 
		background:url(images/misc/mini-ad-shadow.gif) no-repeat;
		margin:-44px 0 20px -15px; padding:0 0 0 2px;
		position:relative;
	}
	
	/* recommended */
	#options {
	}
	#options ul {
		margin:0 0 25px 0;
	}
	#options ul li {
		list-style:none;
		color:#494949;
		font-size:1.2em;
		line-height:1.8em;
		padding:1px 4px 1px 26px;
		border-bottom:1px solid #c7c7c7;
		background-repeat:no-repeat;
		background-position:4px center;
		background-image:url(images/temp/icon.gif);
	}
	#options ul li a {
		color:#494949;
		text-decoration:none;
	}
	#options ul li a:hover {
		color:#b5d133;
	}
	#options ul li.last {
		border-bottom:none;
	}
	
	/* call us */
	#side #callus {
		text-indent:-9999px;
		height:60px;
		width:281px;
		background:url(images/misc/callUs.gif) no-repeat center center;
		margin:0 0 100px -8px;
	}

/*/////////////////////////////////////////////////////////////////////
	Footer
/////////////////////////////////////////////////////////////////////*/
	
	#footer {
		background:#212121;
		padding:23px 0 100px 0;
	}
	
	/* lower menus */
	#footer ul {
	}
	#footer ul li {
		list-style:none;
		float:left;
		padding:0 30px 0 0;
		font-size:1.1em;
		font-weight:bold;
		color:#ffffff;
	}
	#footer ul li a {
		color:#e4e4e4;
		text-decoration:none;
	}
	#footer ul li a:hover {
		color:#b5d133;
	}
	#footer ul li ul {
		padding:7px 0 0 0;
	}
	#footer ul li ul li {
		float:none;
		padding:0;
		font-weight:100;
		font-size:1em;
		line-height:1.5em;
	}
	
	/* copyright */
	#footer p {	
		clear:both;
		padding:15px 0 0 0;
		color:#e4e4e4;
		font-size:1em;
	}
	#footer p a {
		color:#e4e4e4;
		text-decoration:none;
	}
	#footer p a:hover {
		color:#b5d133;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Form Buttons
/////////////////////////////////////////////////////////////////////*/	

	#content input.formsubmit,
	#content input.submit,
	#content input#submit,
	#content input.button {
		text-indent:-9999px;
		cursor:pointer;
		padding:0;
		border:none;
		margin:15px 0 0 0;
		display:block;
		width:97px;
		height:35px;
		background-repeat:no-repeat;
		background-position:top left;
		clear:left;
	}
	#content input.formsubmit:hover,
	#content input.submit:hover,
	#content input#submit:hover,
	#content input.button:hover {
		background-position:bottom left;
	}
	#content #login input.formsubmit {	
		background-image:url(images/buttons/login.jpg);
	}
	#content #accountSettings input.button {
		background-image:url(images/buttons/save-details.jpg);
	}
	#content #btnContinuePay input.button {
		background-image:url(images/buttons/continue-to-pay.jpg);
		width:137px;
	}
	#content #saveDetails input#submit {
		background-image:url(images/buttons/save-details.jpg);
	}
	#content #editForm input#submit {
		background-image:url(images/buttons/save-details.jpg);
	}
	#content #addFolder input#submit {
		background-image:url(images/buttons/add-folder.jpg);
		width:118px;
	}
	#content #addTheme input#submit {
		background-image:url(images/buttons/add-theme.jpg);
		width:120px;
	}
	#content #signUpForm input#submit {
		background-image:url(images/buttons/sign-up.jpg);
		width:99px;
	}
	#content #createChannel input#submit {
		background-image:url(images/buttons/create-channel.jpg);
		width:146px;
	}
	#content #editTheme input#submit {	
		background-image:url(images/buttons/save-details.jpg);
	}
	#content #videoShares input#submit {
		background-image:url(images/buttons/add-videos.jpg);
		width:186px;
	}
	#content input.btnRemoveVideo {
		margin-top:0;
		margin-right:5px !important;
		width:139px !important;
		background-image:url(images/buttons/remove-video.jpg);
		float:left;
	}
	#content input.btnRemoveFolder {
		margin-top:0;
		margin-right:5px !important;
		width:135px !important;
		background-image:url(images/buttons/delete-folder.jpg);
		float:left;
	}
	#content input.btnRemoveTheme {
		margin-top:0;
		margin-right:5px !important;
		width:135px !important;
		background-image:url(images/buttons/delete-theme.jpg);
		float:left;
	}
	#content input.btnRemoveChannel {
		margin-top:0;
		margin-right:5px !important;
		width:145px !important;
		background-image:url(images/buttons/delete-channel.jpg);
		float:left;
	}
	#content input.btnRemoveAccount {
		margin-top:0;
		margin-right:5px !important;
		width:145px !important;
		background-image:url(images/buttons/delete-account.jpg);
		float:left;
	}
	#content input.btnCancel {
		margin-top:0;
		width:94px !important;
		background-image:url(images/buttons/cancel.jpg);
		float:left;
	}
	#content #videoShare input#submit {
		width:106px;
		margin-top:0;
		background-image:url(images/buttons/continue.jpg);
	}
	#content #shareExist input#submit {
		width:180px;
		margin-top:0;
		background-image:url(images/buttons/add-video-to-channel.jpg);
	}
	#content #addTheme input#submit {
		width:120px;
		margin-top:0;
		background-image:url(images/buttons/add-theme.jpg);
	}
	#content #btnUpdateAccount input#submit {
		background-image:url(images/buttons/update-account.jpg);
		width:151px;
	}
	#content #btnUploadVideo input#submit {
		background-image:url(images/buttons/upload-video.jpg);
		width:134px;
	}
	#content #forgotPassword input#submit {
		background-image:url(images/buttons/reset-password.jpg);
		width:152px;
	}
	#content input.btnLoginAs {
		background-image:url(images/buttons/login-as-this-account.jpg);
		width:187px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Generic Buttons
/////////////////////////////////////////////////////////////////////*/	
	
	#content #register a,
	#content a#btnChange,
	#content a#btnLogout,
	#content a#btnSubscriptions,
	#content a#btnBuySubscription,
	#content a#btnUploadVideo,
	#content a#btnViewVideos,
	#content a#btnMyFolders,
	#content a#btnEditChannel,
	#content a#btnViewThemes,
	#content a#btnAddTheme,
	#content a#btnViewAllVideos,
	#content a#btnNewChannel,
	#content a#btnPrices,
	#content a#btnViewPrices,
	#content a#btnAddVideoToChannel,
	#content a#btnViewTerms,
	#content a#btnViewChannels,
	#content a#btnViewChannel,
	#content a#btnBackHome,
	#content a#btnSignUp,
	#content a#btnGoPublicChannel,
	#content a#btnAddFolder,
	#content a#btnViewAccounts {
		text-indent:-9999px;
		cursor:pointer;
		padding:0;
		display:block;
		border:none;
		margin:0 0 0 10px;
		outline:0;
		width:97px;
		height:35px;
		background-repeat:no-repeat;
		background-position:top left;
		background-image:url(images/buttons/register.jpg);
	}
	
	#content a#btnChange {
		margin:0;
		background-image:url(images/buttons/change.jpg);
		width:149px;
	}
	#content a#btnNewChannel {
		margin:0;
		background-image:url(images/buttons/add-new-channel.jpg);
		width:168px;
	}
	#content a#btnLogout {
		margin:0;
		background-image:url(images/buttons/logout.jpg);
	}
	#content a#btnBuySubscription {
		margin:0;
		width:165px;
		background-image:url(images/buttons/buy-a-subscription.jpg);
	}
	#content a#btnSubscriptions {
		margin:0;
		width:153px;
		background-image:url(images/buttons/my-subscriptions.jpg);
	}
	#content a#btnViewChannels {
		margin:0;
		width:138px;
		background-image:url(images/buttons/view-channels.jpg);
	}
	#content a#btnViewVideos {
		width:143px;
		background-image:url(images/buttons/view-videos.jpg);
		margin:0;
	}
	#content a#btnViewAllVideos {
		width:143px;
		background-image:url(images/buttons/view-all-videos.jpg);
		margin:0;
	}
	#content a#btnUploadVideo {
		width:134px;
		background-image:url(images/buttons/upload-video.jpg);
		margin:0;
	}
	#content a#btnMyFolders {
		width:127px;
		background-image:url(images/buttons/view-folders.jpg);
		margin:0;
	}
	#content a#btnAddFolder {
		width:158px;
		background-image:url(images/buttons/add-a-new-folder.jpg);
		margin:0;
	}
	#content a#btnViewAccounts {
		width:139px;
		background-image:url(images/buttons/view-accounts.jpg);
		margin:0;
	}
	#content a#btnEditChannel {
		width:128px;
		background-image:url(images/buttons/edit-channel.jpg);
		margin:0;
	}
	#content a#btnAddVideoToChannel {
		width:187px;
		background-image:url(images/buttons/add-videos-to-channel.jpg);
		margin:0;
	}
	#content a#btnAddTheme {
		width:160px;
		background-image:url(images/buttons/add-new-theme.jpg);
		margin:0;
	}
	#content a#btnViewThemes {
		width:130px;
		background-image:url(images/buttons/view-themes.jpg);
		margin:0;
	}
	#content a#btnPrices {
		width:121px;
		background-image:url(images/buttons/view-prices.jpg);
		margin:0;
	}
	#content a#btnViewTerms {
		width:201px;
		background-image:url(images/buttons/view-terms.jpg);
		margin:0;
	}
	#content a#btnViewChannel {
		width:201px;
		background-image:url(images/buttons/view-channel.jpg);
		margin:0;
	}
	#content a#btnSignUp {
		width: 162px;
		background-image: url(images/buttons/sign-up.jpg);
		margin: 0;
		float: left;
	}
	#content a#btnBackHome {
		width:162px;
		background-image:url(images/buttons/back-to-homepage.jpg);
		margin:0;
		float: right;
	}
	#content a#btnGoPublicChannel {
		width:204px;
		background-image:url(images/buttons/goto-public-channel.jpg);
		margin:0;
	}
	
	#content #register a:hover,
	#content a#btnChange:hover,
	#content a#btnLogout:hover,
	#content a#btnNewChannel:hover,
	#content a#btnAddVideoToChannel:hover,
	#content a#btnSubscriptions:hover,
	#content a#btnBuySubscription:hover,
	#content a#btnUploadVideo:hover,
	#content a#btnViewThemes:hover,
	#content a#btnPrices:hover,
	#content a#btnViewChannel:hover,
	#content a#btnAddTheme:hover,
	#content a#btnViewAllVideos:hover,
	#content a#btnViewPrices:hover,
	#content a#btnBackHome:hover,
	#content a#btnSignUp:hover,
	#content a#btnGoPublicChannel:hover,
	#content a#btnViewTerms:hover,
	#content a#btnViewVideos:hover,
	#content a#btnEditChannel:hover,
	#content a#btnMyFolders:hover,
	#content a#btnViewChannels:hover,
	#content a#btnViewAccounts:hover,
	#content a#btnAddFolder:hover {
		background-position:bottom left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Messages - Error, thanks bla
/////////////////////////////////////////////////////////////////////*/	

	#content ul.errors {
		margin-left:2em;
		margin-top:0.25em;
	}
	#content ul.errors li {
		color:#CB0000;
		list-style-type:disc;
		margin-left:0;
	}
	#content p.message {
		color:#CB0000;
	}
	
	/*Flash messages*/
	#content ul.messages	{
		padding:10px 10px 10px 35px;
		list-style-type:none;
		background:#E5E8EF url(icons/info.png) no-repeat 10px center;
		border:1px solid #D2D4E9;
	}
	#content ul.messages li {
		list-style-type:none;
		padding:0px;
		margin:0px;
	}
	
#content p.smallprint
{
	font-size:1.1em;
	font-style:italic;
}
#content h4
{
	margin:20px 0px 0px;
}
#content h4 a
{
	color:#494949;
	font-weight:bold;
	font-size:1.1em;
	line-height:1em;
}
/*Misc*/
#content .inline
{
	display:inline;
}
p#trial-message
{
	border:1px solid #9FA559;
	background:#F8FFB0 url(icons/warning.png) no-repeat 10px center;
	font-size:1em;
	padding:10px 10px 10px 35px;
}


/*Action list*/
ul.actions
{
	font-size:1em;
}
/*Sidebar:Trial account box*/
div.trial
{
	padding:15px 15px 15px 35px;
	background:#FAFFC0 url(icons/warning.png) no-repeat 10px center;
	border:1px solid #BBB801;
	color:#636102;
}
#side div.trial h4
{
	margin:0px 0px 5px;
	padding:0px;
	color:#636102;
	font-size:1.4em;
}
#side div.trial p
{
	margin:5px 0px;
}
/*Tables*/
table
{
	width:100%;
	margin-bottom:20px;
	}

table th
{
	background:url(th-back.png) repeat-x;
	height:53px;
	color:#FFFFFF;
	vertical-align:middle;
	/*[disabled]line-height:40px;*/
	font-size:1.4em;
	margin:0px;
}
table td
{
	font-size:1.2em;
	padding:12px 0px;
	text-align:left;
}
table .first
{
	padding-left:10px;
}
table tr.odd td
{
	background-color:#E4E4E4;
}
table .actions
{
	width:120px;
	padding-right:5px;
}
table .status
{
	width:150px;
	padding-right:10px;
}
table tbody tr th.actions
{
	text-align:right !important;
	width:150px;
	padding-right:10px !Important;
}
table td.actions a
{
	display:block;
	width:24px;
	height:24px;
	background-position:0px 0px;
	float:right;
	display:block;
	margin-left:5px;
	outline:0;
	text-indent:-9999px;
}
table td.actions a span
{
}
table td.date
{
	padding-left:24px;
	background:url(icons/date.png) no-repeat left center;
	width:120px;
}
table td.actions a.share
{
	background-image:url(icons/share.png);
}
table td.actions a.view
{
	background-image:url(icons/view.png);
}
table td.actions a.edit
{
	background:url(icons/edit.png);
}
table td.actions a.loginas
{
	background: url(icons/loginas.png);
}
table td.actions a.delete
{
	background:url(icons/delete.png);
}
table td.actions span.share
{
	background-image:url(icons/share-low.png);
}
table td.actions span.view
{
	background-image:url(icons/view-low.png);
}
table td.actions span.edit
{
	background:url(icons/edit-low.png);
}
table td.actions span.delete
{
	background:url(icons/delete-low.png);
}
/*Accounts*/
table.accounts .type
{
	width:100px;
}
table.accounts td.actions a.activate
{
	background-image:url(icons/activate.png);
}
table  tbody tr td.price,
table tbody tr th.price {
	text-align:right !important;
	padding-right:10px !Important;
}
/*Videos listing*/
table.videos td.status
{
	background-image:url(icons/info.png);
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:25px;
	color:#395493;
	width:80px;
}
table.videos td.error
{
	color:#FA0404;
	background-image:url(icons/error.png);
}
table.videos td.ready
{
	color:#378F0E;
	background-image:url(icons/success.png);
}
table.videos .thumbnail
{
	width:60px;
}
table.videos .name {
	width:220px;
}
table.videos .thumbnail img
{
	border:1px solid #444444;
}
/*Channel listing*/
table.shares td.actions a.publish
{
	background-image:url(icons/share.png);
}
table.shares .published
{
	width:70px;
	text-align:center;
}
/*Videos:Publish channel page*/
#content dl.options
{
	padding-left:10px;
	height:45px;
}
#content dl.options dt
{
	float:left;
	display:block;
	width:90px;
	margin-bottom:2px;
}
#content dl.options dt label
{
	font-size:1.2em;
	line-height:22px;
	color:#494949;
}
#content dl.options dd
{
	float:left;
	display:block;
	margin-bottom:2px;
}
#content dl.options .textinput
{
}
/*Video:Edit page*/
#content ul.thumbnails
{
	list-style-type:none;
	margin:0px;
	padding:0;
}
#content ul.thumbnails li
{
	width:100px;
	filter:left;
	text-align:center;
	padding:5px;
	list-style:none;
	display:block;
	float:left;
	margin:0px 0px 10px 10px;
	border:1px solid #C7C7C7;
}
#content ul.thumbnails li input
{
	border:none;
	width:auto !Important;
	height:auto !Important;
}
#content ul.thumbnails li img
{
	display:block;
	margin-bottom:10px;
}
/*Statistics:Stats table*/
#content table.stats .index
{
	width:20px;
}
#content table.stats .plays
{
	width:50px;
	text-align:center;
}
#content p.warning
{
	font-style:italic;
	color:#FF0101;
}



/*/////////////////////////////////////////////////////////////////////
	Subscriptions
/////////////////////////////////////////////////////////////////////*/	

	#content table.subscriptions .name
	{
		padding-left:10px;
		width:140px;
	}
	#content table.subscriptions .active .name {
		color:#197B30;
	}
	#content table.subscriptions .cost
	{
		width:50px;
		text-align:right;
		padding-right:10px;
	}
	#content table.subscriptions .usage {
		width:80px;
		padding-left:10px;
		padding-right:10px;
	}
	#content table.subscriptions .tokens-total {
		width:100px;
	}
	#content table.subscriptions .tokens-used {
		width:90px;
	}
	#content table.subscriptions .valid-to
	{
		width:100px;
	}
	#content table.subscriptions .valid-from
	{
		width:100px;
	}
	#content table.subscriptions tr.expired td
	{
		color:#B4B0B0;
	}
	#content table.subscriptions tr.active td
	{
		font-weight:bold;
	}
	#content table.subscriptions tr.unpaid td
	{
		font-style:italic;
	}
	#content table.subscriptions tr.unpaid td.name
	{
		background:url(icons/warning.png) no-repeat center left;
	}
	#content table.subscriptions div.progress-bar
	{
		padding:0px;
		margin:0px;
		float:left;
	}
	#content table.subscriptions div.progress-bar div.outer-bar
	{
		padding:2px;
	}
	#content table.subscriptions div.progress-bar div.inner-bar
	{
		padding:2px 0px;
		font-size:1em;
	}
	
	/*Statistics:Progress bar*/
	div.progress-bar {
		padding:10px;
		margin-left:10px;
		margin-right:10px;
		background-color:#EDEDED;
	}
	div.progress-bar div.outer-bar {
		border:1px solid #C1BDBD;
		padding:5px;
		background-color:#FEFEFE;
	}
	div.progress-bar div.inner-bar {
		padding:0;
		background:#B0CB30 url(images/misc/progress-bar.jpg) repeat-x center center;
		color:#46510F;
		padding:10px 0px;
		font-size:1.3em;
	}
	div.progress-bar div.inner-label {
		text-align:center;
	}

	/*Folders*/
	table.folders td.number-of-videos {
		width:120px;
		text-align:center;
		padding-right:200px;
	}

/*/////////////////////////////////////////////////////////////////////
	Public Pricelsit
/////////////////////////////////////////////////////////////////////*/	

	#content img#paymentLogos {
		margin:0;
	}

/*/////////////////////////////////////////////////////////////////////
	Share
/////////////////////////////////////////////////////////////////////*/	
	
	#content table.shares td.actions a.share-publish
	{
		background-image:url(icons/folder-image.png);
	}
	#content table.shares td.actions a.share-view
	{
		background-image:url(icons/folder-view.png);
	}
	#content table.shares td.actions a.share-edit
	{
		background-image:url(icons/folder-edit.png);
	}
	#content table.shares td.actions a.share-delete
	{
		background-image:url(icons/folder-delete.png);
	}
	#content table.shares .password
	{
		width:160px;
	}

/*/////////////////////////////////////////////////////////////////////
	Share Video
/////////////////////////////////////////////////////////////////////*/	
	
	table.video-shares .checkbox {
		width:40px;
		text-align:center;
		padding-right:10px;
		padding-left:20px !Important;
	}
	#content table.video-shares td label {
		font-weight:normal;
		margin:0px;
		padding:0px;
	}
	table.video-shares td.actions a.share-removevideo {
		background-image:url(icons/folder-delete.png);
	}

	table.video-shares td.checkbox input {
		width:auto !important;
		height:auto !Important;
		border:none;
	}

/*/////////////////////////////////////////////////////////////////////
	Player Frame
/////////////////////////////////////////////////////////////////////*/	

	#player-container {
		border:10px solid #e4e4e4;
		height:388px;
	}

/*/////////////////////////////////////////////////////////////////////
	Register
/////////////////////////////////////////////////////////////////////*/	

	#content dl.tnc dt,
	#content dl.tnc dd,
	#content dl.tnc label {
		display:inline;
	}	

	#content input#tnc {
		width:auto !important;
		height:auto !important;
		border:none;
		margin-left:5px;
	}

	#content p.small {
		font-size:1.1em;
		margin:0;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Edit Channel
/////////////////////////////////////////////////////////////////////*/	
	
	#content form dd#published-element,
	#content form dt#published-label {
		padding:0 0 10px 0;
	}
	
	#content form dt#published-label,
	#content form dt#published-label label,
	#content form dd#published-element {
		display:inline;
	}
	#content form dd#published-element input {
		margin:0 0 0 5px;
	}
	
	#content dl dt#name-label {
		clear:left;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Colour Picker
/////////////////////////////////////////////////////////////////////*/	
	
	#content form #foregroundColour-element,
	#content form #backgroundColour-element {
		position:relative;
	}
	#content form .colourbox {
		position:absolute;
		display:block;
		height:20px;
		width:20px;
		left:254px;
		top:2px;
	}
	* html #content form .colourbox {
		top:3px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Subscribers Options
/////////////////////////////////////////////////////////////////////*/	
	
	#content table.options-table .option {
	width:20px;
	text-align:center;
	padding-left:20px;
	}
	#content table.options-table .valid-for {
		width:80px;
	}
	#content table.options-table .tokens {
		width:80px;
	}
	#content table.options-table .price {
		width:80px;
	}
	#content table.options-table img {
		display:inline;
		margin:0 3px -3px 0;
	}
	#content table.options-table td label {
		padding:0px;
		margin:0px;
		font-size:1em;
	}
	#content table.options-table td p {
		padding:0px;
		margin:0px;
		font-size:1em;
	}
	
	#content table.options-table td {
		font-size:1.2em;
	}
	
	#content table.accounts td.username,
	#content table.accounts th.username,
	#content table.accounts td.firstname,
	#content table.accounts th.firstname,
	#content table.accounts td.lastname,
	#content table.accounts th.lastname {
		width:120px;
	}
	
/*/////////////////////////////////////////////////////////////////////
	Upload no flash
/////////////////////////////////////////////////////////////////////*/	
	
	input#video {
		height:auto !Important;
		width:auto !Important;
	}