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

a:link {color: #003399}     /* unvisited link */
a:visited {color: #8E2C13}

body{
	margin-top:25px;
	text-align:center;
	font-family:tahoma,verdana,sans-serif;
	font-size:11px;
	color:#333;
	background-image: url("../images/backGround.jpg"); 
	background-repeat: repeat-x;
	padding:25px;
}

#outer2 {
	width:810px;
	border-right:2px solid #918F90;
	border-left:2px solid #918F90;
	margin-top:0px;
	margin:0px auto;
	background-color: #FFFFFF;
}

#outer1 {
	width:814px;
	margin:0px auto;
}

pre {
	width:500px;
	white-space: pre;
}
h1,h2{
	font-size:14px;
	color: #6F8DA5;
}

.pHeader {
	color: #AF4D34;
	font-weight: bold;
	font-size:12px;
}

#my_tuitalk_table {
	margin-left:20px;
	border-spacing:5px;
}

#my_tuitalk_table td{
	padding:5px 5px 5px 5px;
}

#my_tuitalk_table td.left{
	padding:10px 10px 10px 10px;
	border-right:2px solid #918F90;
}

.tst {
 
}


#container{
	width:790px;
	text-align:left;
	/*border:2px solid #918F90;*/
	padding:9px;
	background-color: #FFFFFF;
}

#header{position:relative;height:90px;margin-bottom:0px;}

#banner{
	margin-bottom: 0px;
	padding: 0px;
	margin: 0px auto;
}

#banner_alt{
	padding: 0px;
	margin-top: 0px;
	margin-bottom:8px;
	background-image: url("../images/headerAltBg_Golge.png");
    background-repeat: repeat-x;
    height: 19px;
    margin: 0px auto;
}

#languageSelection {
position:absolute;
right:0;
top:-13px;
}

#languageSelection img {
cursor:pointer;
position:relative;
top:5px;
margin-right:4px;
}

#addThisButton {
position:absolute;
right:0;
top:10px;
}

#navigation{
	position:absolute;
	bottom:0;
	right:0;
}

#signout {
	position:absolute;
	top:0;
	right:50;
	padding:4px;
	font-weight:bold;
	text-decoration: underline;
}

#navigation ul {
	display: inline;
	font-weight:bold;
}

#navigation ul li {
	margin-left: 0;
	padding: 0px 0px 0px 0px;
	list-style: none;
	display: inline;
	}
	
#navigation ul li.first {
	margin-left: 0;
	border-left: none;
	list-style: none;
	display: inline;
}

#content {
float:left;
padding:10px;
width:520px;
}

#termscontent{
	float:none;
	width:750px;
	padding:15px;
	padding-left:0px;
}

#mytuitalk_bottom {
	float:left;
	width:527px;
	height:88px;
	padding:0px;
	background-image: url("../images/bannerAlt.gif");
	margin-left: 20px;
}

#mytuitalk_bottom p.first {
	margin-left: 80px;
	margin-top: 20px;
	font-weight: bold;
	font-size: 14px;
	color: #6F8DA5;
}

#mytuitalk_bottom p.bold {
	margin-left: 80px;
	font-weight: bold;
	font-size: 14px;
	color: #6F8DA5;
}

#mytuitalk_bottom p {
	margin-left: 80px;
	font-size: 12px;
	color: #6F8DA5;
}
	
#sidebar {
float:right;
padding:5px;
width:239px;
}

#footer{
	clear:both;
	text-align:center;
	font-size:10px;
	margin:5px 0;
	margin-top:5px;
}
#footer a{
	color:#666;
	text-decoration:none;
	font-weight:bold;
}

#loginBox {
	background-image: url("../images/bodyBig.gif");
    background-position: bottom;
    background-repeat: repeat-x;
    width:200px;
}

#techBox {
	position:relative;
	top:10px;
	background-image: url("../images/bodyBig.gif");
    background-position: bottom;
    background-repeat: repeat-x;
    width:200px;
}

#userMenuBox,#downloadBox,.infobox{
    
}

#userMenuBox {
	background-image: url("../images/bodyLt.png");
    background-position: bottom;
    background-repeat: repeat-x;
    width:200px;
}

#downloadBox {
	position:relative;
	top:20px;
	background-image: url("../images/bodyLt.png");
	background-position: bottom;
    background-repeat: repeat-x;
    width:200px;
}

#userMenuBox h2,#downloadBox h2,.infobox h2, #techBox h2, #loginBox h2 {
	background-image: url("../images/top_box.gif");
    font-weight:bold;
    font-size:12px;
    text-align:center;
    padding:5px;
    color: white;
    
}
.infobox img{
    margin:5px 0px 8px 12px;
}

#techBox img {
	margin:5px 0px 8px 12px;
}

.infobox{
	position:relative;
	top:10px;
	background-image: url("../images/bodyLt.png");
    background-position: bottom;
    background-repeat: repeat-x;
    width:200px;
}
.infobox p{
	margin-left:10px;
	padding:5px;
	padding-left:0;
}

#techBox p {
	padding:5px;
	padding-left:0;
	margin-left:10px;
}

#loginBox img{
	margin:5px 0px 8px 0px;
}
#loginBox div{
    margin:4px 0px 2px 0px;
    padding-left:12px;
}
#loginBox input{
    font-size:11px;
    border:1px solid #BDBEC0;
}
#loginBox span label{
	margin-left:5px;
}

#userMenuBox ul,#downloadBox ul{
    margin-left:10px;
    list-style: none;
    font-weight: bold;
}
#userMenuBox ul li,#downloadBox ul li,.infobox ul li{
    padding:1px;
    cursor:pointer;
}
.infobox ul{
	margin-left:20px;
}
.infobox ul li{
	list-style-image: url("../images/listBullet.gif");
}
.success{
	background-color:#E7FBE7;
	border:1px solid #9CCF9C;
}
.error{
	background-color:#FFEBEF;
	border:1px solid #DE3C10;
}
.alert{
	background-color:#FFFBE7;
	border:1px solid #FFE321;
}
.info{
	background-color:#FFF;
	border:1px solid #BDC7DE;
}
.question{
	background-color:#DEDFEF;
	border:1px solid #39599C;
}
.default{
	background-color:#CCC;
	border:1px solid #000;
}
.default,.question,.info,.alert,.error,.success{
	padding:10px;
	margin-bottom:10px;
}


/* GLOBAL FORM STYLE */
#formStyle input,select,textarea{
	font-size:12px;
	padding:2px;
    border:1px solid #BDBEC0;
    margin:3px 0px 3px 0px;
}

#formStyle span label{
	vertical-align: 5px;
	margin:0px 10px 0px 5px;
}
#formStyle button{
	/*background-color:#BDBEC0;*/
	/*padding:3px;*/
	/*font-weight:bold;*/
	/*outline: none;*/
	/*margin-left:5px;*/
}


/* ZK OVERRIDE STYLES */
/* ZK FRAMEWORK COMPONENT STYLES */
div.errbox {
	margin: 0; padding: 1px; border: 1px outset; cursor: hand; cursor: pointer;
	background: #E8E0D8; position: absolute; z-index: 88000;
}


/*ZK LISTBOX*/

select.listbox {
	font-size:11px;
}

div.listbox { /* Table header color and border*/
	border:1px solid threedshadow;
}

div.listbox-head th {
	background:#003975;
    color:white;
	border-right:1px solid threedhighlight;
	/*border-color:threedhighlight threedshadow threedshadow threedhighlight;
	border-style:solid;*/
	border-width:1px;
	font-size:10px;
	font-weight:bold;
	overflow:hidden;
	padding:2px;
	height:30px;
	text-align:center;
	/*white-space:nowrap;*/
	
}

div.listbox-head th.sort, div.listbox-head th.sort-asc, div.listbox-head th.sort-dsc  {
	
	background-position:right center;
	background-repeat:no-repeat;
	cursor:pointer;
	padding-right:9px;
}

div.listbox-head th.sort {
	background-image:url(/spc/zkau/web/zul/img/sort/hint.png); /*Ok i�areti*/
}

div.listbox-head th.sort-asc  {
	background-image:url(/spc/zkau/web/zul/img/sort/asc.png);
}
div.listbox-head th.sort-dsc {
	background-image:url(/spc/zkau/web/zul/img/sort/dsc.png);
}
div.listbox-body {
	background:#f5ffFF;
	border:none;
	overflow:auto;
	width:100%;
}


div.listbox-body td {
	cursor:pointer;
	/*font-size:small;
	font-weight:normal;*/
	padding:0pt 2px;
	border-right:1px solid #d9e0dF;
    border-top:1px solid #d9e0dF;
	text-align:center;
	height:20px;

}
div.listbox-body td a {
text-decoration:none;
}

tr.odd {
	background:#FFFFFF;
}

tr.seld {
	background:#bAc8FF;
	/*color:highlighttext; sets text color of tr*/
}

/* advertiser page*/
.adrow {
border-bottom:1px solid #C0C0C0;
/*padding-bottom:30px;*/
}

.provDiv {
margin-top:5px;
margin-bottom:10px;
}

.provDiv img {
/*width:60px;
height:30px;*/
}

.provDiv span {
	color:#DE4929;
	font-size:16px;
	padding:3px;
	font-weight:bold;
	position:relative;
    bottom:7px;
}
.provDescDiv {

}
.provDescDiv span{

display:block;
}

.mediaDiv {
padding-top:25px;
}

.mediaDiv img {
	width:80px;
	height:50px;
	cursor:pointer;
	float:left;
}

.mediaNameDiv {
float:left;
padding-left:7px;
}

.mediaNameDiv span {
display:block;
padding:5px 2px;
font-weight:none;
}

.bottomDiv {
height:40px;
}

.provOuterDiv {
width:100%;
border-bottom:1px solid #C0C0C0;
}

.provSideDiv {
margin-top:5px;
margin-bottom:0px;
cursor:pointer;


}

.provSideDiv img {

}

.provSideDiv span {
font-size:12px;
font-weight:bold;
color:#103D67;
/*position:relative;
bottom:15px;*/
display:block;
padding:8px 5px;
}

.mediaSideDiv {
	padding-bottom:10px;
}

.mediaSideDiv img {
	cursor:pointer;
	float:left;
	width:80px;
	height:50px;
	margin-right:5px;
}
.innerMediaSideDiv {
float:left;
width:60px;
margin-top:20px;
}

.innerMediaSideDiv span {
font-weight:bold;
color:#103D67;
font-size:10px;

}

/* BUTTON STYLING */
/*
button { 
  border:0; 
  cursor:pointer; 
  font-weight:bold; 
  padding:0 20px 0 0; 
  text-align:center; 
}
button span { 
  position:relative; 
  display:block; 
  white-space:nowrap; 
  padding:0 0 0 20px; 
}

button.submitBtn { 
  background:url(../images/buton_grey_right.gif) right no-repeat; 
  font-size:1.3em; 
}
button.submitBtn span { 
  height:22px; 
  line-height:22px;
  background:url(../images/buton_grey_left.gif) left no-repeat;
  color:#fff; 
}
button.submitBtn:hover {
	background:url(../images/buton_grey_right_hover.gif) right no-repeat; 
}
button.submitBtn:hover span {
	background:url(../images/buton_grey_left_hover.gif) left no-repeat; 
} */

      .rating{
      width:80px;
      height:16px;
      margin:0 0 5px 0;
      padding:0;
      list-style:none;
      clear:both;
      position:relative;
      background: url(../images/star-matrix.gif) no-repeat 0 0;
      }
      ul.rating li {
      cursor: pointer;
      /*ie5 mac doesn't like it if the list is floated but ie6 does\*/
      float:left;
      /* end hide*/
      text-indent:-999em;/* hide text*/
      }
      ul.rating li a {
      position:absolute;
      left:0;
      top:0;
      width:16px;
      height:16px;
      text-decoration:none;
      z-index: 200;
      }
      ul.rating li.one a {left:0}
      ul.rating li.two a {left:16px;}
      ul.rating li.three a {left:32px;}
      ul.rating li.four a {left:48px;}
      ul.rating li.five a {left:64px;}


      ul.rating li a:hover {
      z-index:2;
      width:80px;
      height:16px;
      overflow:hidden;
      left:0;
      background: url(../images/star-matrix.gif) no-repeat 0 0
      }
      ul.rating li.one a:hover {background-position:0 -176px;}
      ul.rating li.two a:hover {background-position:0 -192px;}
      ul.rating li.three a:hover {background-position:0 -208px}
      ul.rating li.four a:hover {background-position:0 -224px}
      ul.rating li.five a:hover {background-position:0 -240px}
      
      .fatcat td{padding-bottom:15px;border-bottom:1px solid #CCC;}
      
      #ratebox{}
      
      #commentbox div {
      }
      .comment p{
      	line-height: 15px;
      }
      
#coloredBigFont {
	color:#AF4D34;
	font-weight:bold;
	font-size:16px;
}
#homeLeftColumn {
float:left;
font-size:14px;
padding:0 20px 0 10px;
width:240px;
}
#homeRightColumn {
float:left;
font-size:14px;
padding:0;
width:250px;
}
#homeRightMostColumn {
	float:left;
	width:220px;
	padding:0px 0px 0px 30px;
	font-size:14px;
}

#firstRow {
color:#004665;
font-size:16px;
font-weight:bold;
height:30px;
padding-bottom:15px;
padding-left:10px;
width:800px;
}

.countryDiv {
color:#004665;
font-size:11px;
height:30px;
padding-left:10px;
width:800px;
}

.country_flag {
padding-right:4px;
}

.firstCol {
display:block;
float:left;
font-weight:bold;
width:130px;
}
.secondCol {
display:block;
float:left;
text-align:center;
width:100px;
}
.thirdCol {
display:block;
float:left;
text-align:center;
width:140px;
}
.forthCol {
display:block;
float:left;
text-align:center;
width:190px;
}
.fifthCol {
display:block;
float:left;
text-align:center;
width:190px;
}

#subText {
color:#9C9C9C;
font-weight:bold;
padding-top:30px;
width:730px;
padding-left:35px;
}

#greenbox {
background:transparent url(../images/greenbox1.jpg) no-repeat scroll left top;
float:right;
height:190px;
margin-right:30px;
margin-top:20px;
width:350px;
}
#greenboxText {
color:white;
font-size:26px;
padding:30px;
text-align:center;
font-size:22px;
padding:40px;
}

#greenboxBig {
background:transparent url(../images/greenbox2.jpg) no-repeat scroll left top;
height:215px;
margin-left:10px;
margin-top:10px;
width:765px;
font-size:21px;
color:white;
padding:20px;
padding-left:70px;
}
#downloadLinkText {
font-size:18px;

}
#joinNow{
float:right;
}
#faqSideBar{
float:right;
}
#userManualSideBar{
float:right;
}

#userManual {
float:right;
}

#faq {
float:right;
}