/* CSS Document */
* { margin:0; padding:0;}
html, body { height:100%; }
body {font-size:100%; line-height:1em; text-align:center; background:url(/img/bg.gif)}
html	{	font-family:Arial; 
		color:#FFFFFF;	}	

input, textarea{	font-family:Arial; 
		color:#000000;	}	

.vam{}
.clear { clear:both;}
.fl{ float:left}
.fr{ float:right}
.tac{ text-align: center}
.width{ width:100%}
div.container {	overflow:hidden; width: 100%;}
div.container1 {	width: 100%;}




a img{ border:0px}
b{color:#018eb9;}

a{color:#a4abb0; text-decoration:underline} 
a:hover{text-decoration:none}
.a1, .a3{color:#a4abb0; background:url(/img/icon4.gif) top left no-repeat; background-position:0 0px; margin:0px; padding-left:19px; font-size:.8em; text-decoration:none} 
.a1:hover, .a3:hover{ text-decoration:underline}
.a2{font-size:1.2em; color:#d0d8de} 
.a3{background:url(/img/icon5.gif) top left no-repeat;} 

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{margin:0; padding:0; }
#content ul li a{color:#d0d8de; text-decoration:underline; line-height:1.4em; font-size:1.2em} 
#content ul li a:hover { text-decoration:none; }

.link1, .link3, .link4, .link7 { display:block; float:right; background:url(/img/link1_bg.gif) left top repeat-x; color:#fff; text-decoration:none; margin:20px 0 15px 0}
.link1 em, .link3 em, .link4 em, .link7 em { display:block; background:url(/img/link1_left.gif) no-repeat left top;}
.link1 b, .link3 b, .link4 b, .link7 b { display:block; background:url(/img/link1_right.gif) no-repeat right top; padding:3px 10px 10px 10px; font-weight:normal; font-style:normal;}
.link1 a, .link3 a, .link4 a, .link7 a{ color:#000000; text-transform:uppercase; background:url(/img/arrow2.gif) top right no-repeat; margin:0px; padding-right:19px; font-size:.8em; text-decoration:none}
.link1 a:hover, .link3 a:hover, .link4 a:hover, .link7 a:hover { text-decoration:none; color:#b52d30}


.link3 { margin:20px 0 0px 0}
.link4 { margin:0px 0 20px 0}
.link5 { margin:0px 0 0px 0}
.link7 { display:block; float:left;margin:0px 0 0px 0}

.link2, .link5 { display:block; float:right; background:url(/img/link2_bg.gif) left top repeat-x; color:#fff; text-decoration:none; margin:0px 0 20px 0}
.link2 em, .link5 em{ display:block; background:url(/img/link2_left.gif) no-repeat left top;}
.link2 b, .link5 b{ display:block; background:url(/img/link2_right.gif) no-repeat right top; padding:3px 10px 10px 10px; font-weight:normal; font-style:normal;}
.link2 a, .link5 a{ color:#000000; text-transform:uppercase; background:url(/img/arrow2.gif) top right no-repeat; margin:0px; padding-right:19px; font-size:.8em; text-decoration:none}
.link2 a:hover, .link5 a:hover { text-decoration:none; color:#b52d30}



/*header*/
#header {font-size:0.6em; color:#FFFFFF }
#header .logo{ margin:8px 0 0px 0px }
#header .icon{ margin:20px 0 0px 850px; position:absolute }

#header ul{margin:0; padding:0; list-style:none; background:url(/img/bg_menu.gif) repeat-x top; height:69px; }
#header ul li{ float:left; width:280px  }

#header ul li a{ display:block; float:left; color:#88888a; text-decoration:none;  margin:15px 0px 0px 7px; padding:0px 27px 40px 18px; background:url(/img/arrow.gif) no-repeat top left; background-position:0 4px  } 
#header ul li a:hover {background:url(/img/arrow1.gif) no-repeat top left; background-position:0 4px}
#header ul li a strong{color:#333333; font-size:1.1em} 
#header ul li a:hover strong{ color:#b52d30; text-decoration:underline;}

#header ul li span a{ display:block; float:left; color:#88888a; text-decoration:none; background:url(/img/arrow1.gif) no-repeat top left; background-position:0 4px} 
#header ul li span a:hover {background:url(/img/arrow1.gif) no-repeat top left; background-position:0 4px }
#header ul li span a strong{color:#b52d30; font-size:1.1em; text-decoration:underline;} 
#header ul li span a:hover strong{ color:#b52d30; text-decoration:underline;}

#header ul .li_first{background:url(/img/bg_menu_first.gif) no-repeat top left; width:185px }
#header ul .li_last{background:url(/img/bg_menu_last.gif) no-repeat top right; width:177px; float:right }
#header ul .li_first a{padding:0px 20px 40px 18px;  } 
#header ul .li_last a{padding:0px 15px 40px 15px;   } 
#header ul .li1 a{  padding:0px 20px 40px 18px;   } 



/*content*/
#content{ font-size:0.75em; width:100%; text-align:left}
#content .indent{padding:38px 20px 26px 20px}
#content .indent1{padding:18px 20px 26px 20px}
#content .title{  margin-bottom:1px}
#content .pic_left{ float:left; margin:0px 10px 16px 0px}
#content .pic{ margin:0px 0px 2px 0px}
#content .pic1{ margin:5px 0px 17px 0px}
#content p{ margin:0px 0px 17px 0px}
#content .p1{ margin:0px 0px 25px 0px}
#content .p2{ margin:0px 0px 0px 0px}
#content h2{ font-size:1.3em;margin-bottom:6px;}
#content h3{ font-size:1.1em;margin-bottom:10px;}
#content h3 strong{font-size:1.3em; font-weight:normal; display:block; line-height:1em }
#content .txt{ color:#d0d8de; font-size:1.2em; font-weight:normal; margin-bottom:15px; display:block}


h1.mytitle{background-repeat:no-repeat;margin:0 0 2px 0;padding:0 0 2px 0;height:20px;}
h1.mytitle span {display:none;}
h1#t-java-jsplayer {background:transparent url(/img/t-java-jsplayer.gif) no-repeat;}
h1#t-java-jsplayerchapters {background:transparent url(/img/t-java-jsplayerchapters.gif) no-repeat;}
h1#t-java-jsplayermedia {background:transparent url(/img/t-java-jsplayermedia.gif) no-repeat;}
h1#t-description {background:transparent url(/img/t-description.gif) no-repeat;}
h1#t-php-phpplayer {background:transparent url(/img/t-php-phpplayer.gif) no-repeat;}
h1#t-php-phpplayer-control {background:transparent url(/img/t-php-phpplayer-control.gif) no-repeat;}
h1#t-php-phpplayerchapters {background:transparent url(/img/t-php-phpplayerchapters.gif) no-repeat;}
h1#t-php-phpplayerchapmedia {background:transparent url(/img/t-php-phpplayerchapmedia.gif) no-repeat;}
h1#t-php-phprichmedia {background:transparent url(/img/t-php-phprichmedia.gif) no-repeat;}
h1#t-prog-player {background:transparent url(/img/t-prog-player.gif) no-repeat;}
h1#t-prog-playerchapters {background:transparent url(/img/t-prog-playerchapters.gif) no-repeat;}
h1#t-prog-playerchapmedia {background:transparent url(/img/t-prog-playerchapmedia.gif) no-repeat;}
h1#t-prog-mediapack1 {background:transparent url(/img/t-prog-mediapack1.gif) no-repeat;}
h1#t-prog-progdownload {background:transparent url(/img/t-prog-progdownload.gif) no-repeat;}
h1#t-project {background:transparent url(/img/t-project.gif) no-repeat;}
h1#t-promotions {background:transparent url(/img/t-promotions.gif) no-repeat;}
h1#t-features {background:transparent url(/img/t-features.gif) no-repeat;}
h1#t-welcome {background:transparent url(/img/t-welcome.gif) no-repeat;}
h1#t-notFound {background:transparent url(/img/t-notFound.gif) no-repeat;}
h1#t-exchange{background:transparent url(/img/t-exchange.gif) no-repeat;}
h1#t-exchange-prog{background:transparent url(/img/t-exchange-prog.gif) no-repeat;}
h1#t-exchange-php{background:transparent url(/img/t-exchange-php.gif) no-repeat;}
h1#t-player-features {background:transparent url(/img/t-player-features.gif) no-repeat;}
h1#t-chapters-features {background:transparent url(/img/t-chapters-features.gif) no-repeat;}
h1#t-media-features {background:transparent url(/img/t-media-features.gif) no-repeat;}
h1#t-payment-error {background:transparent url(/img/t-payment-error.gif) no-repeat;}
h1#t-payment-success {background:transparent url(/img/t-payment-success.gif) no-repeat;}
h1#t-contact {background: transparent url(/img/t-contact.gif) no-repeat;}
h1#t-flvmdi {background: transparent url(/img/t-flvmdi.gif) no-repeat;}
h1#t-captionate {background: transparent url(/img/t-captionate.gif) no-repeat;}
h1#t-php-streaming {background: transparent url(/img/t-php-streaming.gif) no-repeat;}
h1#t-legal {background:transparent url(/img/t-legal.gif) no-repeat;}
h1#t-js-jsplayer-control {background:transparent url(/img/t-js-jsplayer-control.gif) no-repeat;}

h2#t-test {background:transparent url(/img/t-test.gif) no-repeat;}
h2.mytitle{background-repeat:no-repeat;margin:0 0 2px 0;padding:0 0 2px 0;height:20px;}
h2.mytitle span {display:none;}

h2#t-chapters {background:transparent url(/img/t-chapters.gif) no-repeat;}
h2#t-examples {background:transparent url(/img/t-examples.gif) no-repeat;}
h2#t-skin {background:transparent url(/img/t-skin.gif) no-repeat;}
h2#t-software {background:transparent url(/img/t-software.gif) no-repeat;}
h2#t-purchase {background:transparent url(/img/t-purchase.gif) no-repeat;}

#content .txt1{ font-size:0.9em; }
#content .txt2{ font-size:1.2em; }

#page2 .pad{ margin-bottom:27px}
#page5 #content .pic_left{ float:left; margin:0px 19px 16px 0px}
#page5 #content .pic_left1{ float:left; margin:0px 19px 0px 0px}
#page5 .pad{ margin-bottom:0px}
#page5 .pad1{ margin-bottom:17px}
#page5 .pad2{ margin-bottom:27px}
#page7 .pad{ margin:0px 10px 0 10px;}

/*block*/
.block{ background:url(/img/bg_center.gif); width:100%; color:#303030; font-size:.9em; line-height:1.2em}
.block .bg_top{ background: url(/img/bg_top.gif) repeat-x top}
.block .bg_bottom{ background: url(/img/bg_bottom.gif) repeat-x bottom }
.block .bg_left{ background: url(/img/bg_left.gif) repeat-y left }
.block .bg_right{ background: url(/img/bg_right.gif) repeat-y right}
.block .bg_top_left{ background: url(/img/bg_top_left.gif) no-repeat top left }
.block .bg_top_right{ background: url(/img/bg_top_right.gif) no-repeat top right }
.block .bg_bottom_left{ background: url(/img/bg_bottom_left.gif) no-repeat bottom left }
.block .bg_bottom_right{ background: url(/img/bg_bottom_right.gif) no-repeat bottom right; width:100%;  }
.block .indent_block{ padding:17px 0px 19px 21px; }
.block a{ color:#dee9f1}
.block .pic_left_1{ float:left; margin:0 16px 1px 0px}
.block .title_1{margin-bottom:5px}


/*block1*/
.block1{ background:url(/img/bg_center1.gif); width:100%;   }
.block1 .bg_top_left{ background: url(/img/bg_top_left1.gif) no-repeat top left }
.block1 .bg_top_right{ background: url(/img/bg_top_right1.gif) no-repeat top right }
.block1 .bg_bottom_left{ background: url(/img/bg_bottom_left1.gif) no-repeat bottom left }
.block1 .bg_bottom_right{ background: url(/img/bg_bottom_right1.gif) no-repeat bottom right ; width:100%; }
.block1 .indent_block{ padding:10px 20px 10px 19px; }
.block1 .under_title{ padding:8px 0px 0px 0px; }

.block1 .minibloc1{ padding:4px 0px 4px 0px;}
.block1 .minibloc1_last{ padding:4px 0px 4px 0px; }

.block1 .features{ padding:10px 0px 0px 0px;}

/*black */
.black{ color:#000000; clear:both;line-height:0;}

/*footer*/
#footer { color:#ffffff; font-size:0.6em; padding:9px 24px 20px 24px;}
#footer a {color:#ffffff; text-decoration:underline; font-weight:bold}  
#footer a:hover {  text-decoration:none}
#footer span a {color:#d0d8de; float:left;  padding-right:25px; font-weight:normal}

.h{ height:27px}
.block_contact span{ float:right; margin-right:90px}


	
	
table.sortable {width:100%;margin:0 0 12px 0; } 
table.sortable th {padding:9px 15px 8px 15px;text-align:center;text-transform:uppercase;}
table.sortable td {padding:12px 15px;text-align:center;}
table.sortable td.benefit {padding:12px 15px;text-align:left;}
table.sortable {background:#121212 url(/img/bg_module_tl.gif) top left no-repeat;} 
table.sortable th {color:#eee;}

table.sortable th.tr {background:#121212 url(/img/bg_module_tr.gif) top right no-repeat;border-right:none;}
table.sortable td {background:#222;border:1px solid #121212;}



input:focus, textarea:focus {background:#fff;} 
label {color:#fff;}
input.wide, select.wide, textarea.wide {width:100%;}
input.thin {width:300px;float:right;margin:-15px 400px 0px 0px}
select {font-size:11px;font-weight:bold;}
select.thin {width:305px;float:right;margin:-15px 400px 0px 0px}