body{font-family: "Trebuchet MS", "verdana", "arial", sans-serif;font-size:14px;color:#000;margin:0;padding:0;
background:url(../img/layout/background.jpg) no-repeat 0 80px;}
input.text{border:1px solid #ccc;padding:2px;font-size:12px;font-family:inherit;width:280px;}
p{line-height:1.4;}

a{color:#003;border:none;}
a:hover{color:#a30;}
a img{border:none;}

div.clear{clear:both;}


/* home page sections & columns */

#services-horizontal-line{border-bottom:1px solid #cbcbcb;width:800px;margin:10px auto 0px}
#services{/*width:100%;font-family:"Lucida Grande", "Verdana";font-size:11px;*/}
#services .col{float:left;width:300px;
	padding-top: 20px;
	padding-right: 25px;
}
#services .colright{
	float: left;width:300px;padding-top: 20px;
}
#services p{font-size:14px;text-align:left;margin:0 0 5px;line-height:1.4;}
#services h2{font-size:20px;margin:0 0 5px;color:#001e5f;}
#services img{float:right;margin:0 0 10px 10px;}
#services a{color:#003bbd;text-decoration:none;}
#services a:hover{color:#002066;}

#serves{clear:both;/*font-family:"Lucida Grande", "verdana";padding:10px;font-size:11px;*/}
#serves p{font-size:14px;margin:0;}
#serves h2{font-size:20px;color:#001e5f;
	padding-top: 20px;
}
#serves h3{
	font-size: 18px;color: #001e5f;padding-top:20px;
}
#serves #home-testi{float:right;width:280px;}
#serves .company-icons{margin:10px 0 0;}
#serves .company-icons img{margin: 0 3px 0 0;}

/*#home-testi .balloon{background:#ddd;border-radius:5px;
	padding: 12px 10px 12px 14px;
}*/

/*homepage testimonial - quotation */
/*#home-testi .anchor{background:url(../img/layout/ballon-anchor.png) no-repeat;width:23px;height:8px;float:right;margin-right:5px;}
#home-testi .author{float:right;padding-right:10px;padding-top:5px;font-style:italic;}
*/
/*#home-testi {height:27px;margin-bottom:5px;margin-top:10px;}*/
#home-testi-balloon{display:block;
	width:260px;font-family: Times New Roman;font-size:18px;text-align:left;text-decoration:none;color: #424242;background: #e5e5e5;
	margin-left: 12px;
	margin-top: 40px;
	padding: 8px 15px;
}

#home-testi-arrow{background:url(../img/layout/balloon_arrow.png) no-repeat;width:20px;height:20px;padding:0;;font-size:1px;
	margin-top: 0;
	margin-left: 230px;
	margin-bottom: 0;
}

#home-testi-author{padding-right: 15px;padding-top: 10px;font-style:italic;
	width: 180px;
	float: left;
	padding-left: 55px;
	color: #424242;
}


/* icons */
.icons{background:url(../img/icons/icons.png);width:16px;height:16px;}
.icon-vsee{background-position:0px 0px;}
.icon-demo{background-position:-16px 0px;}
.icon-mail{background-position:-32px 0px;}
.icon-call{background-position:-48px 0px;}
.icon-green-dot{background-position:0px -16px;}
.icon-grey-dot{background-position:-16px -16px;}

/* Layout for all */
#wrapper{width:950px;margin:0 auto;position:relative;z-index:1;}
#header{padding-top:20px;height:40px;}
#banner{display:block;background:url(../img/layout/logo_Vsee.jpg) no-repeat;width:118px;height:38px;float:left;}
#footer{clear:both;text-align:center;padding:10px 0px;font-size:12px;color:#aaa;}

.error{background:#fff;border:1px solid #ccc;padding:5px 10px;color:#a40;}

/* Navigation Bar */
#nav{right:0;height:20px;position:absolute;z-index:500;}
#nav a{display:block;width:90px;text-align:center;font-size:16px;color:#666;font-weight:bold;text-decoration:none;padding:5px 0;margin-right:4px;border:none;}
#nav a:hover, #nav a.hover{color:#222;background:#eafaea;}
#nav a.selected{background:#ded;color:#222;}
#nav ul li{display:block;float:left;}
#nav ul li ul{background:#fff;border:1px solid #ded;padding:5px 0;margin-left:0;width:88px;display:none;}
#nav ul li ul li{float:none;background:#fff;}
#nav ul li ul li a{display:block;text-align:left;background:none;font-size:12px;margin:0;padding:3px 0px 3px 8px;width:80px;}
#nav ul li ul li a:hover{background:#eafaea;}

/* Homepage, signup box */
#signup-box{float:right;width:290px;margin-top:70px;}
#signup-box h2{border-bottom:1px dotted #333;font-size:20px;padding:0px 0 10px;margin:0 0 10px;}
#signup-box h3{border-bottom:1px dotted #333;font-size:16px;padding:0px 0 10px;color:#333;}

/* download button */
.download-alignment{margin: 30px 0 3px;}
.build-info{text-align:right;font-style:italic;font-size:11px;margin:0 12px 0 0;}
.business-model{font-size:15px;padding-left:16px;}

/* Homepage, the three transition images */
#slider{z-index:-1;position:relative;margin-top:40px;}
#slider img{width:645px;height:400px;display:none;}
#slider-nav {margin:50px 6px 0px;position:absolute;}
#slider-nav a {margin-left:5px;width:16px;height:16px;display:block;text-decoration:none;background:url(../img/icons/icons.png) no-repeat -16px -16px;float:left;}
#slider-nav a.activeSlide {background:url(../img/icons/icons.png) no-repeat 0px -16px;}
#slider-nav a:focus {outline:none;}

/* Homepage, the marquee part */
#marquee{font-size:18px;position:relative;margin-top:10px;color:#666;clear:both;}
#marquee div.underline{width:780px;border-bottom:1px solid #ccc;padding-bottom:3px;height:22px;}
#marquee marquee#organization{width:780px;}
#marquee div div span{margin:0 10px;}
#marquee div.s{position:absolute;right:0px;top:0px;}

/* common.ftl */
#sidebar{float:right;width:200px;}
#content{margin-top:0px;float:left;width:740px;}
.content-wide{width:950px!important;float:none;}

/* Sub-Navigation bar, for Common.ftl */
#subnav {height:27px;margin-bottom:5px;margin-top:10px;}
#subnav ul{padding-left:0;margin-left:0;}
#subnav ul li{float:left;display:block;width:94px;height:33px;}
#subnav ul li a{display:block;width:90px;text-align:center;font-size:14px;color:#666;font-weight:bold;text-decoration:none;padding:5px 0;margin-left:2px;}
#subnav ul li a:hover{color:#222;background:#ded;}
#subnav ul li a.selected{background:#ded;color:#222;}
#subnav ul li div.arrow{background:url(../img/layout/subnav_arrow.png) no-repeat;width:10px;height:8px;padding:0;font-size:1px;margin:0 42px;}

/* The "What's Next?" and "What other says" box */
.box{background:url(../img/layout/box_background.png) repeat;padding-bottom:10px;margin-bottom:20px;font-size:14px;}
.box h2{margin:0 0 10px;background:#d3ddcc;padding:6px 10px;font-size:15px!important;}
.box p{padding:0 10px;}
.box p a{text-decoration:none;}
.box p a:hover{text-decoration:underline;}
.box div.icons{float:left;margin:0 5px 0 10px;}
.what div.list {clear:both;margin:10px 0;}
/* testi is the "What other says" box */

#testi-box{background:#ded;padding-bottom:1px;}
#testi-box h2{margin:0 0 5px;padding:6px 10px;background:#676;color:#fff;font-size:15px!important;}
/*.testi-box p img{float:right !important;}*/
#testi-box p {font-size:14px;}
.testi{background:#fff;border:1px solid #aba;margin:5px;}
.testi p{margin:5px;padding:0;}
.testi p.msg{font-size:13px;background:#efe;padding:5px;margin:0;border-top:1px solid #aba;}
.testi p.msg span{font-size:11px;font-style:italic;}
.testi p.img{text-align:center;}
.testi p.img img{height:30px;}
.testi p.by{font-size:13px;background:#aba;margin:0;padding:2px 5px;}

/* buttons! */

a.homepage-download{display:block;background:url(../img/buttons/home_download.png) no-repeat 0px 0px;width:290px;height:132px;}

a.homepage-download2{display:block;background:url(../img/buttons/home_download2.png) no-repeat 0px 0px;width:290px;height:46px;}
a.homepage-download2:hover{display:block;background:url(../img/buttons/home_download2.png) no-repeat 0px -46px;width:290px;height:46px;}

a.vseeme{display:block;background:url(../img/buttons/button_vseeme.gif) no-repeat 0px 0px;width:105px;height:28px;}
a.vseeme:hover{display:block;background:url(../img/buttons/button_vseeme.gif) no-repeat 0px -28px;width:105px;height:28px;}

a.download{display:block;background:url(../img/buttons/button_download.gif) no-repeat 0px 0px;width:105px;height:28px;}
a.download:hover{display:block;background:url(../img/buttons/button_download.gif) no-repeat 0px -28px;width:105px;height:28px;}

a.freetrial{display:block;background:url(../img/buttons/button_freetrial.gif) no-repeat 0px 0px;width:105px;height:28px;}
a.freetrial:hover{display:block;background:url(../img/buttons/button_freetrial.gif) no-repeat 0px -28px;width:105px;height:28px;}

a.contact-us{display:block;background:url(../img/buttons/button_contact_us.gif) no-repeat 0px 0px;width:105px;height:28px;}
a.contact-us:hover{display:block;background:url(../img/buttons/button_contact_us.gif) no-repeat 0px -28px;width:105px;height:28px;}


/* aboutus/people. Each staff is rendered as a "profile" */
.profile{clear:both;}
.profile h2{font-size:18px;margin:20px 0 5px;}
.profile img{float:left;margin:0px 8px 30px 0px;}
.profile p{margin-top:5px;margin-bottom:30px;}


/* aboutus/press */
.press h2{font-size:22px;}
.press h3{margin-bottom:3px;}
.press p{margin:0;}
.representative-quotes {border-top:1px dotted #ccc;margin-top:40px;}
.representative-quotes p{clear:both;}
.representative-quotes img{float:left;margin:0 10px 10px 0;}

/* careers */
.careers-section{margin-bottom:40px;}
.careers-section p{margin:0 0 10px;}
.careers-section h2{margin:0 0 10px;padding:1px 0px 5px 30px;border-bottom:1px dotted #777;background:url(../img/layout/admin-24.png) no-repeat;font-size:20px;}
.careers-section h3{}
.careers-section ol li{margin:8px 0;}

/* pricing */
table.pricing{width:740px;}
table.pricing tr.header th{text-align:center;padding:10px;background:#6abc90;width:120px;}
table.pricing tr.header td{background:none;}

table.pricing tr th{text-align:right;padding-right:10px;}
table.pricing tr td{background-color:#ade79c;text-align:center;padding:3px;height:35px;}
table.pricing tr.odd td{background-color:#dbf6c8;height:35px;}
table.pricing tr.buttons-row td{background:none;}
table.pricing tr.buttons-row td .buttons{margin:0 auto;}
table.pricing p.tick{background:url(../img/icons/icon_tick.png) no-repeat;width:21px;height:20px;margin:0 auto;}

table.pricing span.red{font-weight:bold;font-size:15px;color:#f30;}
table.pricing span.black{font-weight:bold;font-size:15px;color:#000;}


/* contacts. Not used. Merged with support.ftl */
/*
div.contacts h3{margin:0;font-size:16px;}
div.contacts p{margin:0;}

div.contacts div.left{float:left;width:400px;}
div.contacts div.left h3{margin:50px 0 0;}

div.contacts div.right{margin-left:410px;}
*/

/* contacts (support.ftl) */
div.support h3{margin:20px 0 0;font-size:16px;}
div.support p{margin:0;}
div.support table {border-collapse:collapse;}
div.support table td{padding:0;}
div.support table th{text-align:left;font-size:15px;}
div.support div.left{float:left;width:400px;}
div.support div.right{margin-left:410px;}

/* howto */
.howto-left{float:left;width:530px;}
.howto-left h2{padding:2px 5px;}
.documentation{float:left;width:740px;}
.howto-right{margin-left:10px;float:right;width:200px;padding-top:40px;font-size:13px;}
.howto-right h2{font-size:16px;margin-bottom:0;}
.howto-right ul{font-size: 14px;padding-left:15px;margin:4px 0 20px;}
.howto-right ul li{margin:5px 0;}

/* Competitors */
table.competitors{width:740px;}
table.competitors tr.header th{text-align:center;padding:10px;background:#6abc90;}
table.competitors tr.header td{background:none;}

table.competitors tr th{text-align:right;padding-right:10px;}
table.competitors tr td{background-color:#ade79c;text-align:left;padding:3px;height:35px;}
table.competitors tr.odd td{background-color:#dbf6c8;height:35px;}
table.competitors tr.buttons-row td{background:none;}
table.competitors tr.buttons-row td .buttons{margin:0 auto;}
table.competitors p.tick{background:url(../img/icons/icon_tick.png) no-repeat;width:21px;height:20px;margin:0 auto;}

table.competitors span.red{font-weight:bold;font-size:15px;color:#f30;}
table.competitors span.black{font-weight:bold;font-size:15px;color:#000;}

/* @@@@@@ forum @@@@@@ */

#forum{font-size:12px;margin-top:10px;}

/* Breadcrumbs */
.breadcrumbs{background:#eee;padding:5px 10px;margin-bottom:10px;border:1px solid #898;font-style: italic;}
.breadcrumbs a{font-weight:bold;text-decoration:none;font-style:normal;}
.breadcrumbs a:hover{}

/* Search */
.forum-search{text-align:right;margin:0 0 5px;}
.forum-search p{margin:0;}
.forum-search .text{font-size:11px;}
.search-result{margin:15px 10px;}
.search-result p{margin:0;}
.search-result h3{margin-bottom:0px;}
.search-result h3 a{color:#283;}
.search-result h3 a:hover{color:#162;}


/* General looks for category div and its table */
.category{margin-bottom:16px;background:#354;padding:3px 4px 3px 3px;}
.category table{border-collapse:collapse;width:100%;}
.category table tr{border:1px solid #454;}
.category table td{padding:5px 10px;}

/* Controls the width of each columns */
.category table td.topics{width:400px;}
.category table td.replies{width:60px;text-align:center;border:1px solid #565;border-top:none;border-bottom:none;}
.category table td.last-posts{width:200px;}
.category table td.center{text-align:center;}

/* Controls each row's general looks */
.category-title{font-size:18px;font-weight:bold;background:#354;}
.category-title a{text-decoration:none;color:#fff;}
.category-title a:hover{color:#fff;} /* stupid IE6 */
.category-header{font-size:12px;font-weight:bold;background:#676;color:#fff;}
.category-show-more{font-size:10px;text-align:center;}
.category-show-more td{padding-bottom:3px!important;}
.category-show-more a{color:#fff;text-decoration:none;}

/* Controls each cell's look and behaviour */
.topic-row{background:#fff;cursor:pointer;color:#666;}
.topic-row:hover, .topic-row.hover{background:#eee;}
.topic-row td{border-bottom:1px solid #454;}
.topic-title{font-size:14px;font-weight:bold;padding-left:0!important;}
.topic-title a{text-decoration:none;color:#666;}
.topic-title a:hover,.topic-title a.hover{color:#a50;}
.topic-replies{text-align:center;border:1px solid #565;border-top:none;border-bottom:none;}
.topic-icon .icon{background:url(../img/forum/forum_read.gif) no-repeat;width:27px;height:27px;}
.topic-icon{width:27px!important;}


/* control bar */
.controls{height:25px;margin:10px 0 10px;}
.controls .welcome{float:left;padding:5px 0px 0px 10px;margin:0;}
.controls .create-topic{display:block;float:right;background:url(../img/forum/new_topic.gif) no-repeat 0px 0px;width:96px;height:25px;}
.controls .create-topic:hover{background:url(../img/forum/new_topic.gif) no-repeat 0px -25px;}
.controls .add-reply{display:block;float:right;background:url(../img/forum/add_reply.gif) no-repeat 0px 0px;width:96px;height:25px;}
.controls .add-reply:hover{background:url(../img/forum/add_reply.gif) no-repeat 0px -25px;}

.controls .flash{float:right;color:#f30;font-weight:bold;margin:5px 10px 0 0;display:none;}

/* login form */
#forum .controls .login{float:left;height:25px;}
#forum .controls .login p{margin:0;}
#forum .controls .login input{font-size:11px;}
#forum .controls .login {font-size:11px;}

/* pagination */
.pagination{float:right;font-size:11px;font-family:verdana;margin-bottom:10px;}
.pagination .info{float:left;margin-right:5px;padding-top:1px;}
.pagination span, .pagination a{display:block; float:left; color:#666;border:1px solid #777;margin-right:4px;padding:1px 4px;text-decoration:none;background:#fff;font-size:10px;}
.pagination span, .pagination a:hover{background:#888;color:#fff;}


/* posts */
.post-topic-title{font-size:18px;font-weight:bold;color:#fff;background:#354;padding:5px 10px;border:1px solid #354;}
.posts{background:#eee;padding:10px 10px 0;border:1px solid #354;}
.posts .staff{background:#ffffe4 url(../img/forum/vsee_staff.gif) no-repeat top right;border:1px solid #ab6;margin:0 0px 10px 0;}
.posts .staff .author{float:left;width:100px;border-right:1px solid #ab6;border-left:none;padding:0 10px 10px;text-align:right;}
.posts .staff .author .avatar{margin:10px 0 5px 50px;}
.posts .staff .forum-vseeme{margin-left:60px;}
.posts .staff .body{margin:0 0 0 120px;}
.posts .staff .quote .body{margin:0px;}
.post {background:#fff;border:1px solid #ccc;margin:0 0 10px 0px;}
.post .avatar{margin:10px 0 5px;width:50px;}
.post .avatar img{height:50px;}
.post .author{float:right;width:100px;border-left:1px solid #ccc;padding:0 10px 10px;}
.post .author .by, .post .author .on{margin:0;}
.post .author .by{margin:3px 0;}
.post .forum-vseeme{display:block;width:40px;height:16px;font-size:3px;background:url(../img/forum/vseeme.gif) no-repeat 0px -32px;}
.post .online{background:url(../img/forum/vseeme.gif) no-repeat 0px 0px;}
.post .online:hover{background:url(../img/forum/vseeme.gif) no-repeat 0px -16px;}

.post .author .on{font-size:10px;margin-top:10px;}
.post .body{padding:8px 10px 10px;margin-right:120px;font-size:13px;line-height:1.5;color:#444;}
.post .body .re{font-size:15px;margin:0;color:#111;}

.post .back-to-top{clear:both;height:16px;text-align:right;}
.post .back-to-top a{display:block;background:url(../img/forum/icon_back_top.gif) no-repeat;width:11px;height:11px;float:right;margin:0 5px 5px 0;}

.post .quote{border:1px solid #ccc;margin:10px;background:#fff;}
.post .quote .header{font-size:12px;font-weight:bold;background:#f2f2f2;padding:3px 5px;font-style: italic;}
.post .quote .body{margin-right:0;}

.post .button-quote{display:block;float:right;background:url(../img/forum/quote.gif) no-repeat 0px 0px;width:72px;height:25px;cursor:pointer;margin:0 0 0 10px;}
.post .button-quote:hover{display:block;float:right;background:url(../img/forum/quote.gif) no-repeat 0px -25px;width:72px;height:25px;}
.post .flash{float:right;color:#f30;font-weight:bold;margin:5px 0px 0 0;display:none;}

.reply-form{border:1px solid #354;clear:both;margin-top:10px;}
.reply-form h3{background:#354;color:#fff;padding:5px 10px;margin:0;}

.reply-form .form{padding:10px;}
.reply-form .form .text{width:840px;font-size:14px;font-family:verdana;padding:3px;}
.reply-form .form textarea{width:844px;font-size:14px;height:200px;border:1px solid #ccc;padding:3px 1px;font-family:verdana;}