/* version 1.1 */

/* home page content */
#content.home {
	width: 914px;
}

#content.home .one,
#content.home #filter {
	width: 201px;
	padding: 0 17px 0 0;
	border-right: 1px solid #e1e1e1;
	float: left;
}

#content.home .one {
	font: normal 8pt verdana, sans-serif;
}
#content.home .one p {
	margin: 0;
	padding: 0;
}
#content.home .one .callout-orange {
	display: block;
	margin: 20px 0 0 0;
}
#content.home .one div.hr {
	height: 1px;
	background-color: #dfdfdf;
	color: #dfdfdf;
	width: 100%;
	margin: 15px 0 20px 0;
}

/* t-pass form */
#tpass-login {
	margin-bottom: 17px;
	width: 200px;
}
#tpass-login div {
	background-color: #626161;
	width: 200px;
	margin: 0 0 8px 0;
}
#tpass-login label {
	display: block;
	font: normal 10px verdana, sans-serif;
	padding: 4px 0 0 7px;
	color: #fff;
	float: left;
	text-align: center;
}
#tpass-login input {
	width: 130px;
	border: 1px solid #c7c7c7;
	border-left: 0;
	height: 18px;
	float: right;
}

#content.home #newsfeed {
	width: 439px;
	float: left;
	border-right: 1px solid #e1e1e1;
	padding: 0 17px 0 17px;
}
#content.home #newsfeed div {
	margin: 0 0 23px 12px;
}
#content.home #newsfeed h3 {
	font-size: 20px;
}
#content.home #newsfeed div p {
	margin: 0;
	padding: 0;
	font-size: 9pt;
	line-height: 15pt;
}

#content.home #filter {
	padding: 15px 0 0 17px;
	border: 0;
	font-size: 7.5pt;
}
#content.home #filter ul {
	list-style: none;
}
#content.home #filter ul,
#content.home #filter li {
	padding: 0;
	margin: 0;
}
#content.home #filter li {
	display: inline;
	color: #aaa;
	float: left;
}
#content.home #filter li a {
	text-transform: uppercase;
	border-right: 1px solid #aaa;
	color: #aaa;
	text-decoration: none;
	padding: 0 4px 0 4px;
	display: block;
	cursor: pointer;
}
#content.home #filter li a:hover {
	text-decoration: underline;
}
#content.home #filter li a.selected {
	color: #808080;
}

#content.home #swap {
	margin: 0px 0 0 0;
}
#content.home #swap ul {
	display: none;    
}
#content.home #swap li {
	margin-bottom: 17px;
	float:none;
	margin-bottom:10px;
	display:block;
	margin-left: 0px;
}
#content.home #swap ul.news {
	display: block;
}
#content.home #swap li span {
	color: #aeafb2;
}

#content.home #swap li a {
	text-transform: none;
	border-right: 0;
	text-decoration: none;
	padding: 0;
	margin: 0;
	display:inline;
	color:#11568b;
}
#content.home #swap li p {
	margin: 0;
	padding: 0;
}

#content strong {
	font-weight: bold;
	color: #808080;
}

#content.home h2 {
	font-size: 16px;
	margin: 0 0 8px 0;
}

#content.home h3 {
	font-size: 22px;
	margin: 0 0 8px 0;
}

/* feature */
#feature {
	position: relative;	
	z-index: 0;
	/*background-color: aqua;*/
}

/* flash feature area */
#area 
{
	position: relative;
	z-index: 0;
	height: 285px;
	padding-bottom: 10px;
	/*margin: -23px auto 8px;*/
	 /*temp 
	background: transparent url("../images/flash_temp.jpg") left -80px no-repeat;*/
}

#area object,
#area embed {
	position: relative;
	z-index: 0;
}

#area-mobile
{
    padding-bottom: 10px;
}

.clear
{
    clear: both;
}

/*Mid Section Re-do*/
#feature .left-side-column .h5-title
{
    background: url("../images/home/Tcom Refresh Panel 1a.jpg") no-repeat scroll 0 0 transparent;
    height: 23px;  
}

#feature .center-column .h5-title {
    background: url("../images/home/Tcom_Refresh_Panel_2a.jpg") no-repeat scroll 0 0 transparent;
    height: 23px;
}

.h5-title
{ 
    color: #808080;
    font-size: 8px;
    padding-left: 10px;
    padding-top: 7px;
    font-weight: normal;
}

.left-side-column 
{
    width: 225px;
    float: left;
    background: url("../images/home/Tcom Refresh Panel 1b.jpg") no-repeat scroll 0 20px transparent;  /*33px*/
    height: 120px;
}

.center-column
{
    width: 497px;
    float: left;
    padding-left: 5px;
}

#video-centent-container
{
	 background:url("../images/home/Tcom_Refresh_Panel_2b.jpg") no-repeat scroll 0 0 transparent;
	 margin-top: -8px;
}

.right-side-column 
{
    width: 225px;
    float: right;

}

.three-layers
{
    background: url("../images/home/Tcom Refresh Panel 1b.jpg") no-repeat scroll 0 0 transparent;
}

.left-side-column li
{
    list-style-type: none;  
    padding-bottom: 13px;
}

.left-side-column a
{
    color:#11568B;
    font-weight:bold;
    text-decoration:none;
    text-transform:none;
    font-size: 8pt;
}

.left-side-column ul
{
   padding-bottom: 5px;
   margin-top: -1px;
   padding-left: 10px;
   margin-left: 1px;
}

#feature .three-layers p
{
    font-size: 8pt;
    margin-top: -15px;
    padding-left: 10px;
}

a.three-layers
{
    color: #11568B;
    font-weight: bold;
    text-decoration: none;
    text-transform: none;
}

.video-content 
{
    height: 100px;
    width: 302px;
    padding-left: 15px;
    float: right;
    padding-right: 15px;
}

.event-content
{
    background:url("../images/home/Tcom_Refresh_Panel_3b.jpg") no-repeat scroll 0 0 transparent;
    height:100px;
    padding-left:15px;
}

/*New Mid Section*/
.midbar{
    width: 225px;
}

.header, .headercenter, .headerlast {
    padding-left: 10px;
    color:#808080;
    font-size: 8px;
}

.header {
    width: 215px;
    background: transparent url("../images/home/Tcom Refresh Panel 1a.jpg") no-repeat;
    height:23px;
}

.headercenter{
    width: 487px;
    background: transparent url("../images/home/Tcom_Refresh_Panel_2a.jpg")  no-repeat;
}

.headerlast{
    width: 215px;
    background: transparent url("../images/home/Tcom_Refresh_Panel_3a.jpg")  no-repeat;
}

.headermodal{
    width: 215px;
    background: transparent url("../images/home/OnetoOne.png")  no-repeat;
}

.midbarmenucontent1{

height: 100px;
width: 215px;
background: transparent url("../images/home/Tcom Refresh Panel 1b.jpg") no-repeat;
}

.midbarmenucontentcenter{
    height: 100px;
    width: 487px;
    background: transparent url("../images/home/Tcom_Refresh_Panel_2b.jpg") no-repeat;
}

.midbarmenucontentlast{
    width: 215px;
    height: 100px;
    background: transparent url("../images/home/Tcom_Refresh_Panel_3b.jpg") no-repeat;
    padding-left: 15px;
}

.midspace1
{
    width: 8px;
}

.midspace1
{
    width: 7px;
}

.float-left {
    float:left;
}
.section1{
    width: 229px;
    display: inline;
    float:left;
}

.sectioncenter{
    width: 497px;
    display: inline;
}

.sectionlast{
    width: 227px;
    display: inline;
}

.mid-links a {
    text-decoration:none;
    color:#11568B;
    text-transform:none;
    font-weight:bold;
 }
 
 .mid-links {
    padding-left: 10px; font-size:8pt;
    margin-top: -15px;

 }
.home-mid-events {
    text-decoration: none;
    text-transform: none;
 }
 
 .home-mid-events span{
    color: #808080;
    font-size: 8pt; 
 }
 
 .home-mid-events p{

 }
 
 .home-mid-events a {
    text-transform:none;
 }
 
#feature h2, #feature h4 {
    color: #626161;
    font-family: georgia,serif;
    font-weight: 400;
    margin: 0 0 5px 0;
    padding: 5px 0 0 0;
    text-decoration: one;
    font-size: 12px;
}


 
 /* Video block in Mid section*/
 .video-preview-image {
    width: 165px;
    float: left;
 }
 

.video-preview-image img.r4x3, img.r {
    height: 80px;
}

.video-preview-image img.r16x9 
{
    margin-top: 1px;
    height: 90px;
}
  
 /*.video-content
  {
     width: 352px;
     padding-left: 15px;

 }*/

.midbar-descr {
    color: #808080;
    padding-top: 0;
}

.midbar-descr .time 
{
    font-size:7pt;
    margin-top:2px;
} 

.midbar-descr .short-descr {
    font-size:8pt;
    margin-top:3px;
} 
 
/* bar under the flash feature */
#bar {
	border-top: 4px solid #d9d9d9;
	background-color: #626161;
	font: normal 8pt verdana, tahoma, sans-serif;
	color: #fff;
	padding: 0 5px 0 5px;
	width: 950px;
	margin-bottom: 16px;
}

#bar .section {
	padding: 10px 10px;
	margin: 0 5px;
	float: left;	
	width: 207px;
	background: transparent url("../images/bar_separator.gif") right 15px no-repeat;
}
#bar .section.last {
	background-image: none;
}
#bar .section p {
	margin: 2px 0 0 0;
	padding: 0;
	line-height: 16px;
}
#bar .section h2 {
	margin: 0 7px 0 0;
	padding: 0;
	height: 16px;
	color:#f0960e;
	font: normal 15px georgia, serif;
	float: left;
}

#bar .section h2.solutions {
	width: 60px;
}
#bar .section h2.training {
	width: 56px;
}
#bar .section h2.support {
	width: 52px;
}
#bar .section .link{
	margin:7px 0;
}
#bar .section .link a.second{
	margin-left: 24px;
}

#bar .callout,
#bar .callout-white,
#bar .callout-orange {
	margin-left: 0px;
	font: bold 7pt verdana, tahoma, sans-serif;
}

#bar a:hover.callout,
#bar a:hover.callout-white,
#bar a:hover.callout-orange {
	text-decoration: underline;
}

/* modal window */
.OnetoOne
{
    background: transparent url("../images/home/OnetoOne_Modal_Window.png") 0 0 no-repeat;
    height: 502px;
    width: 818px;
}

#modal-video-container 
{
    padding-left: 26px; 
    padding-top: 129px;
    float: left;
}
.modalBackground
{
    filter: Alpha(Opacity=40); -moz-opacity:0.4; opacity: 0.4;
    width: 100%; height: 100%; background-color: #999999;
    position: absolute;
    z-index: 500;
    top: 0px; left: 0px;
}

.OnetoOne ul
{
   /* position: absolute;
     top: 218px; left: 328px;*/
    padding-top: 165px;
    /*margin-left: -20px;*/
    padding-left: 0;
    
    margin-left: 0;
    margin-top: 17px;
}

.OnetoOne li
{
    color: White;
    font: bold 10pt arial, sans-serif;
    padding-bottom: 13px;
    padding-left: 20px;
    list-style : none;
}

/*
li.menuon { color: #ffffff; }
li.menuoff { color: #fde1c3; }*/

.CloseOnetoOnePosition
{
    /*will not work in IE7
    left: 728px;
    position: absolute;
    top: 23px;*/
    padding-top: 23px;
    padding-left: 728px;
}

.OnetoOne li a {
	text-decoration: none;
	color: #FCE2CA;
}

.OnetoOne li a:hover {
	text-decoration: none;
	color: #ffffff;
}