body { margin:0px; padding:0px; font-family:Arial, Helvetica, sans-serif;}
/*========================================
 	  Css Style For Layout BG
========================================*/
#mainbg { background:url(http://www.tenrox.com/images/centerbg.jpg) repeat-y center top; width:100%; padding:0px; margin:0px;}
#maintopbg { background:url(http://www.tenrox.com/images/centertopbg.jpg) no-repeat center top; width:100%; padding:0px; margin:0px;}
#mainbtmbg { background:url(http://www.tenrox.com/images/centerbtmbg.jpg) no-repeat center bottom; width:100%; padding:0px; margin:0px;}
#wrapper { width:984px; margin:0 auto 0 auto; padding:0px; position:relative;}


/*========================================
 	  Css Style For Coommon Classes
========================================*/
a { text-decoration:none; }
img { border:0px;}
h1, h2, h3, h4, h5, p { margin:0px; padding:0px 0px 10px 0px;}
h1 { color:#000000; font-size:19px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}

.bold { font-weight:bold;}
.red { color:#990000;}
.clrblue { color:#0068a5;}
.clrblueHome { color:#0068a5;}
.nopad { padding:0px;}
.fnt11 { font-size:11px;}
.italic { font-style:italic;}
/*========================================
 	  Css Style For Header Part
========================================*/
#headerpart { height:91px; font-family:tahoma; color:#0176a8; }
#headerpart .logopart { padding:15px 24px 13px 0px; width:237px;}
#headerpart .logotext { width:293px; padding:25px 0px 0px 0px; font-size:11px; color:#0176a8; line-height:14px; vertical-align:top;}
#headerpart .rightnavi { color:#6e6e6e; font-size:12px; text-align:right; vertical-align:top;}
#headerpart .rightnavi a { line-height:35px;  color:#6e6e6e;}
#headerpart .rightnavi a:hover { color:#008ac5;}

/*========================================
 	  Css Style For Navigation
========================================*/
.navigplaceholder { background:url(http://www.tenrox.com/images/TopNavigation_BackGroundBar.png) no-repeat; height:50px; padding-left:5px;margin-top:15px;}
#navigation { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#16648a; }
#navigation .leftimg { background:url(http://www.tenrox.com/images/navicenter.jpg) no-repeat left top; padding-left:318px; vertical-align:top;}
#navigation .leftimg .usno { font-size:11px; line-height:14px; padding-left:15px; color:#000000;}
#navigation .leftimg .nano { font-size:17px; font-weight:bold; color:#16648a;}
.phnumber { font-size:11px; line-height:14px; padding-left:70px; color:#cc0000;}
.phnumberN { font-size:11px; line-height:14px; padding-left:0px; color:#cc0000;}


ul.navi { margin:0px; padding:0px; list-style:none;}
ul.navi li { float:left; display:inline; }
ul.navi li a { float:left; }
/*========================================
 	  Css Style For Banner Part
========================================*/
#bannerbtm { background:url(http://www.tenrox.com/images/bannerbtm.jpg) repeat-x left top; height:44px;}
#bannerbtm .leftblock { background:url(http://www.tenrox.com/images/bnrleft.jpg) no-repeat left bottom;}
#bannerbtm .rightblock { background:url(http://www.tenrox.com/images/bnrright.jpg) no-repeat right bottom; height:51px;}
#iconspeaker {

}

/*========================================
 	  Css Style For Inside Banner Part
========================================*/
#insidebannerpart { padding:6px 0px 0px 0px; }
#insidebannerpart .insidecenterpart { padding:0px 0px 20px 0px;}

.leftpart { width:234px; background:url(http://www.tenrox.com/images/leftbg.jpg) repeat-x left top; vertical-align:top; padding:20px 0px 0px 0px;}
.leftpart h2 { font-size:14px; font-weight:bold; color:#597986; margin:0px 10px 0px 20px; background:url(http://www.tenrox.com/images/leftdivider.jpg) repeat-x left bottom; }
ul.tabpoint { margin:0 auto 0 auto; padding:10px 0px; list-style:none; width:214px; }
ul.tabpoint li { color:#597986; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-size:13px; margin-bottom:2px;} 
ul.tabpoint li a {  background:url(http://www.tenrox.com/images/tabbg.jpg) no-repeat left top; width:226px; line-height:29px; padding-left:15px; color:#597986;  display:block; }
ul.tabpoint li a:hover { color:#597986; background:url(http://www.tenrox.com/images/tabbg1.jpg) no-repeat left top; display:block;  }


.leftnavibg { no-repeat left top ; padding:10px 10px;}
ul.leftnavi { margin:0px; padding:0px; list-style:none;}
ul.leftnavi li { }
ul.leftnavi li a { color:#333333; }
ul.leftnavi li a:hover { color:#425481; }


/*===============================================================================
		Css Style For Accordian
===============================================================================*/


.accordion_toggle {
	background:url(http://www.tenrox.com/images/leftnavitab1.png) no-repeat left top; 
	width:200px; 
	font-size:12px; 
	color:#333333; 
	line-height:25px; 
	display: block;
	outline: none;
	cursor: pointer;
	margin-bottom:0px;
	padding:0px 0px 0px 14px;
}
.accordion_toggle a  { color: #333333;}
.accordion_toggle a:hover  { color: #ff0000;}

.accordion_toggle:hover  {	color: #6a3f5d;
}
.accordion_toggle_active {
    background:url(http://www.tenrox.com/images/leftnavitab1.png) no-repeat left top;
	color: #6a3f5d;
}
.accordion_content {
	color: #000000;
	font-size:11px;
	overflow: hidden;
	padding:0px 30px 0px 12px;
	line-height:19px;
}
ul.leftnavipoint { margin:0px; padding:10px 0px 10px 0px; list-style:none; }
ul.leftnavipoint li { background: url(http://www.tenrox.com/images/bulet.jpg) no-repeat left 6px; padding-left:15px; color:#333333; }
ul.leftnavipoint li a { color:#333333; }
ul.leftnavipoint li a:hover { color:#ff0000; }


ul.resourcelist { margin:0px; padding:10px 0px 10px 19px; list-style:none;}
ul.resourcelist li { font-size:11px; color:#626262; line-height:18px;}
ul.resourcelist li a { color:#626262; }
ul.resourcelist li a:hover { color:#333333; text-decoration:underline; }



.rightpart { width:750px; vertical-align:top;}
.breadcumtext { padding:13px 0px 13px 0px;}
.breadcumnavi { border-top:1px solid #d9d9d9;  border-bottom:1px solid #d9d9d9; padding-left:33px; color:#0b0b0b; line-height:19px; font-size:11px; }
.breadcumnavi a { color:#666666; padding:0px 5px;}
.breadcumnavi a:hover { color:#ff0000;}


.rightside { padding:0px 23px 0px 33px; font-size:13px; line-height:17px; color:#333333;}
.rightside h1 {
	font-size:18px;
	color:#3d4f7a;
	border-bottom:1px solid #d9d9d9;
	padding-bottom:5px;
	line-height:24px;
	font-weight:bold;
	margin-bottom:10px;
}
.rightside h2 { font-size:13px; color:#333333; font-weight:bold;}
.rightside h3 { font-size:13px; color:#333333; font-weight:bold;}



.rightside1 { width:190px;}
.rightboxbg { background:url(http://www.tenrox.com/images/rightboxbg1.jpg) repeat-y left top;}
.rightboxbtm { background:url(http://www.tenrox.com/images/rightboxbg.jpg) no-repeat left bottom; font-size:13px; color:#333333; padding:10px 15px 20px 15px;}
.rightboxbtm a { color:#333333; text-decoration:underline;}
.rightboxbtm a:hover { color:#ff0000; text-decoration:none;}


.banner1 { background:url(http://www.tenrox.com/images/insidebanner1_FR.jpg) no-repeat left top; padding:52px 0px 10px 400px;}

/*========================================
 	  Css Style For Centerpart
========================================*/
#centerpart { padding:15px 46px 10px 34px; font-size:13px; color:#707070; vertical-align:top; line-height:18px; }
#centerpart .teaserpart { padding:5px 0px 5px 0px;}
#centerpart .teaserpart .teaserbg { background:url(http://www.tenrox.com/images/teaserbg2.jpg) repeat-y left top; font-size:12px; color:#333333;}
#centerpart .teaserpart .teaserbg a { color:#ff6600;}
#centerpart .teaserpart .teaserbg a:hover { color:#333333;}
#centerpart .teaserpart .teaserbtm { background:url(http://www.tenrox.com/images/teaserbottom2.jpg) no-repeat left bottom; padding:5px 12px 0px 12px; height:120px;}
#centerpart .teaserpart .teaserbtm p { padding-bottom:5px; }

.content { padding:10px 0px 0px 0px; }


/*========================================
 	  Css Style For Footer Part
========================================*/
#footerpart { border:1px solid #dedac5; background:url(http://www.tenrox.com/images/footerbg.jpg) repeat-x left top; height:83px; text-align:center; }
#footerpart .footer { color:#797676; }
#footerpart .footer a { color:#797676; }
#footerpart .footer a:hover, #footerpart .footer a.selected { color:#0068a5;}

#footerpart .footer p.footernavi { padding:0px; font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#footerpart .footer p.privacy { padding:0px; font-size:11px;}
#footerpart .footer p.powered { padding:0px;}
ul.vlideolist li a{color:#0000ff; text-decoration:none;}
ul.vlideolist li a:hover{color:#0000ff; text-decoration:underline;}
ul.vlideolist li .vtime{color:#000; text-decoration:none; cursor:pointer; font-size:11px;}
ul.vlideolist li .vtime:hover{color:#000; text-decoration:underline;cursor:pointer; font-size:11px;}

/**************************************
	 Css Style for Attention Boxes
***************************************/
.attention { width:650px; margin:0 auto 0 auto; font-size:14px; border:1px solid #FCF352; color:#CFAA29; background:url(../images/icon_attention.jpg) no-repeat 10px center #FEFCCC; line-height:40px; padding:0px 0px 0px 40px; margin-bottom:10px;}
.sucess { width:650px; margin:0 auto 0 auto; font-size:14px; border:1px solid #B8E69D; color:#65A642; background:url(../images/icon_sucess.jpg) no-repeat 10px center #EDF8D8; line-height:40px; padding:0px 0px 0px 40px; margin-bottom:10px;}
.sucess1 { width:170px; margin:0 auto 0 0; font-size:14px; border:1px solid #B8E69D; color:#65A642; background:url(../images/icon_sucess.jpg) no-repeat 10px center #EDF8D8; line-height:40px; padding:0px 0px 0px 30px; margin-bottom:10px;}
.error { width:650px; margin:0 auto 0 auto; font-size:14px; border:1px solid #FDA68A; color:#9A4A2F; background:url(../images/icon_error.jpg) no-repeat 10px center #FFECE6; line-height:40px; padding:0px 0px 0px 40px; margin-bottom:10px;}
.information { width:650px; margin:0 auto 0 auto; font-size:14px; border:1px solid #A2DBE4; color:#49A6B7; background:url(../images/icon_information.jpg) no-repeat 10px center #D2EEF1; line-height:40px; padding:0px 0px 0px 40px; margin-bottom:10px;}

/* ****************** RatingStar ****************** */
.ratingStar
{
	white-space:nowrap;
	margin:1em;
	height:14px;
}
.ratingStar .ratingItem {
    font-size: 0pt;
    width: 13px;
    height: 12px;
    margin: 0px;
    padding: 0px;
    display: block;
    background-repeat: no-repeat;
	cursor:pointer;
}
.ratingStar .Filled {
    background-image: url(../images/ratingStarFilled.png);
}
.ratingStar .Empty {
    background-image: url(../images/ratingStarEmpty.png);
}
.ratingStar .Saved {
    background-image: url(../images/ratingStarSaved.png);
}

.field2 { border:solid 1px #ccc; background-color:#f7f7f7; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif;}
.destext { font-size:11px; font-family:Arial; color:#333; font-weight:bold;}
.destext1 { font-size:11px; font-family:Arial; color:#333;}
.gridbdr
{
	font-family:Arial;
	font-size:11px;
    border: solid 1px #d5d5d5;
    border-collapse: collapse;
}
.gridbdr a
{
	color:#333333;
	text-decoration:none;
	cursor:pointer;
}
.gridbdr a:hover
{
	color:#0000ff;
	text-decoration:none;
	cursor:pointer;
}
.gridbdr tr:hover
{
    background:#ECF9FF;    
    cursor: pointer;
}
.gridbdr .heading
{
	font-family:Arial;
	font-size:11px;
    background: #fafafa;
    font-weight: bold;
}

/* ******************* Login Page Styles ******************* */

/* FORM ELEMENTS   
----------------------------------------------------------*/

input.textEntry 
{
    width: 150px;
    border: 1px solid #ccc;
}

input.passwordEntry 
{
    width: 150px;
    border: 1px solid #ccc;
}

div.accountInfo
{
    width: 100%;
}

/* MISC  
----------------------------------------------------------*/

.clear
{
    clear: both;
}

.title
{
    display: block;
    float: left;
    text-align: left;
    width: auto;
}

.loginDisplay
{
    font-size: 1.1em;
    display: block;
    text-align: right;
    padding: 10px;
    color: White;
}

.loginDisplay a:link
{
    color: white;
}

.loginDisplay a:visited
{
    color: white;
}

.loginDisplay a:hover
{
    color: white;
}

.failureNotification
{
    font-size: 11pt;
    color: Red;
}

.bold
{
    font-weight: bold;
}

.submitButton
{
    text-align: right;
    padding-right: 10px;
}

.labelField
{
    font-weight: bold;
}

.loginButtonStyle
{
	width: 60px;
.tdBackground1 { background:url(http://www.tenrox.com/images/banner01FR.jpg); no-repeat left top; padding:86px 0px 60px 654px; vertical-align:top; }
.tdBackground2 { background:url(http://www.tenrox.com/images/banner02FR.jpg); no-repeat left top; padding:86px 0px 60px 654px; vertical-align:top; }
.tdBackground3 { background:url(http://www.tenrox.com/images/banner03FR.jpg); no-repeat left top; padding:86px 0px 60px 654px; vertical-align:top; }
.tdBackground4 { background:url(http://www.tenrox.com/images/banner04.jpg); no-repeat left top; padding:86px 0px 60px 654px; vertical-align:top; }
.tdBackground5 { background:url(http://www.tenrox.com/images/banner05.jpg); no-repeat left top; padding:86px 0px 60px 654px; vertical-align:top; }

hr.d {
	width: 90%;
	color: #ffffff; 
	background-color: #ffffff; 
	border: 1px dotted #999999; 
	border-style: none none dotted;
	}
}