/* Landing page CSS*/

html,body,td,th{
	font-family: Arial, Helvetica, sans-serif; font-size: 12px; color: #666666; 
	 }
	
body {
	margin-top: 15px;
	margin-bottom: 5px;
}	

p { margin:0 0 10px 0; }

td { vertical-align:top; }

a:link     { color: #C32C2C; text-decoration: none; }
a:visited  { color: #C32C2C; text-decoration: none;  }
a:hover    { color: #C32C2C; text-decoration: underline;  }
a:active   { color: #C32C2C; text-decoration: underline;  }

h1, h2, h3, h4, h5, h6, { font-weight: bold;}
h1 {font-size: 18px; color:#FF0000; line-height:15px;}
h2 {font-size: 13px; color:#666666; line-height:15px; margin:0 0 2px 0;}
h3 {font-size: 12px; color:#666666; line-height: 15px;}
h4 { font-size: 14px; color: #666666; line-height:14px; margin:0 0 2px 0; }
h5 { font-size:12px; line-height:12px; color: #666666; margin:0 0 2px 0; }
h6 { font-weight:normal; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; margin:0 0 5px 0; }

ul {
	margin-top: -1px;
	list-style-type: square;
}

/*Header info*/

#header {
position:relative; 
width: 870px;

text-align: left; }

.label { font-weight:bold; font-size: 12px; border:1px solid #000000; border-width:0 0 1px 0; padding:3px 0; margin:5px 0;}



#logo {
	position:absolute;
	left: 0px;
	top: 0px;
	margin: 0px;
	padding: 0px;
}
#tstrip {
	position: absolute;
	left: 213px;
	top: 39px;
	right: 0px;
	bottom: 0px;
}


#topTstrip { position: absolute;
	left: 237px;
	top: 13px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 12px;		}
	
#wwwSiebel {
position: absolute;
	left: 731px;
	top: 12px;
	width: 125px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:10px; }
	
/*Use for the sites that need more room at the top due to translations*/	
#topTstripGlobal {
	position: absolute;
	left: 216px;
	top: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 12px;
	width: 518px;
}

#topTstripGlobalTwo {
	position: absolute;
	left: 231px;
	top: 11px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height: 12px;
	width: 503px;
	
}
#wwwSiebelGlobal { 
	position: absolute;
	left: 738px;
	top: 12px;
	width: 123px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	margin-left:10px;}
/* */

#wwwSiebel a:link, #wwwSiebel a:visited{ color: #666666; text-decoration: none; }
#wwwSiebel a:hover    { color: #666666; text-decoration: underline;  }
#wwwSiebel a:active   { color: #666666; text-decoration: underline;  }





/*End of header info*/

/*Start of content info*/
#contentcontainer {
width: 866px;
background-image: url(/images/background_body.gif);
background-repeat: repeat-y;
text-align: left;}
 
#contentLeft { 
width: 187px;
margin-left: 8px;
margin-right: 10px;
float: left;

}
#contentRt { 
width: 608px;
margin-left: 25px;
margin-right: 20px;
float: left;}


.leftRoundedBox {
width: 186px;
font-size: 11px;
line-height: 12px;
background-image: url(/images/side_bck.gif);
background-repeat: repeat-y; 
 }

.leftRoundedBox p { 
margin-top: 4px;
margin-right: 6px;
margin-bottom: 4px;
margin-left: 14px;}

.leftRoundedBox ul {
	margin-top: 8px;
}

.leftRoundedBox li {
	margin-top: 3px;
	margin-right: 13px;
	margin-left: 2px;
	list-style-position: inherit;
	list-style-image: url(/images/blu_bullet.gif);
}


 .leftRoundedBoxTwo {
width: 186px;
font-size: 12px;
line-height: 13px;
background-image: url(/images/side_bck.gif);
background-repeat: repeat-y; 
 }


.leftRoundedBoxTwo p { 
margin-top: 4px;
margin-right: 6px;
margin-bottom: 4px;
margin-left: 14px;}

.leftRoundedBoxThree {
text-align: left;
width: 171px;
font-size: 11px;
line-height: 12px;
background-image: url(/images/rounded_three_slice.gif);
background-repeat: repeat-y; 
font-size:11px;
 } 

.leftRoundedBoxThree p {

margin-top: 4px;
margin-right: 4px;
margin-left: 6px;
 } 
  .leftRoundedBoxThree ul { 
  margin-top: 0px;}
 .leftRoundedBoxThree li {
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 4px;
	margin-left: -10px;
	list-style-position: outside;
	list-style-image: url(/images/check_bullet.gif);
}


.leftRndPad { 
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 4px;
}
/*End of content info*/


/*footer Start*/
#footer { 
margin-top: 8px;
width: 866px;
text-align: left;
font-family: Arial, Helvetica, sans-serif;
font-size: 9px;
color: #666666;
} 


/*footer End*/

.orngText { 
font-size: 14px; 
color: #CF7600; 
font-weight: bold;
line-height: 16px;
  }

.orngArrow {
	background-image: url(/images/css_images/arrow_orng.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 2px;
	background-position: 0px 4px;
	padding-left: 17px;
	font-weight:bold; }
.orngArrow p {
margin-bottom: 0px;


 }	
 
	
.orngArrow a:link  {text-decoration: none;}
.orngArrow a:visited {text-decoration: none;}
.orngArrow a:hover {text-decoration: underline;}
.orngArrow a:active {text-decoration: none;}


.orngArrowNoBold {
	background-image: url(/images/css_images/arrow_orng.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 2px;
	background-position: 0px 4px;
	padding-left: 17px; }
	
.orngArrowNoBold a:link  {text-decoration: none;}
.orngArrowNoBold a:visited {text-decoration: none;}
.orngArrowNoBold a:hover {text-decoration: underline;}
.orngArrowNoBold a:active {text-decoration: none;}


.bulletOrng {
}
.bulletOrng li {
	list-style-image: url(/images/css_images/bullet_arrow_orngC.gif);
	list-style-type: none;
	line-height: 15px;
	padding-top: 5px;
	
}

.bulletOrngBold {
font-weight:bold;
}
.bulletOrngBold li {
	list-style-image: url(/images/css_images/bullet_arrow_orngC.gif);
	list-style-type: none;
	line-height: 15px;
	padding-top: 5px;
	padding-bottom: 6px;
	
}

.orngBullet ul{ 
	margin-top: 0px;
	list-style-position: outside;
	list-style-image: url(/darlene/landing_images/Orng_bulletLrgSq.gif);}
	
.orngBullet li{	 
margin-top: 3px;
margin-left: 0px;  }

.imageMargin { 
margin-left: 12px;
margin-bottom: 8px;}

.trigger { margin:0 0 10px 0; }
.trigger div { 
	display:inline; 
	height:10px; 
	width:12px; 
	line-height:12px; 
	font-size:10px; 
	padding:0 3px; 
	margin:0 4px 0 0; 
	color:#ffffff; 
	background:#cf7600; 
	font-weight:bold; }
	
.triggerlte { margin:0 0 10px 0; }
.triggerlte div { 
	display:inline; 
	height:10px; 
	width:12px; 
	line-height:12px; 
	font-size:10px; 
	padding:0 3px; 
	margin:0 4px 0 0; 
	color:#ffffff; 
	background:#cf7600; 
	font-weight:bold; }
.button { border:solid 2px; border-color:#a9c3dc #165189 #165189 #a9c3dc; color:#ffffff; font-weight:bold; background:#5b92d0; }


  .blueCheckMark ul { 
  margin-top: 0px;}
 .blueCheckMark li {
	margin-top: 5px;
	margin-right: 13px;
	margin-bottom: 4px;
	margin-left: -10px;
	list-style-position: outside;
	list-style-image: url(/images/css_images/checkmark_blue.gif);
}





/*  Table style used for case studies like the yahoo landing page*/
.userSeatsTable { 
border-collapse: collapse;
width: 392px;
border: 1px solid #CCCCCC;
padding: 1px;

}
.userSeatsTable th{ 
background-color:#FFFFFF;
padding: 1px;}

.userSeatsTable td { 
vertical-align:middle;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 3px;
padding-left: 4px;
font-size: 11px;
}

.userSeatsTable hr { 
margin: 0px;
padding: 0px;
}

/* End Table style used for case studies*/

.userSeatsTableTwo { 
border-collapse: collapse;
width: 392px;
border: 1px solid #CCCCCC;
padding: 1px;

}
.userSeatsTableTwo th{ 
background-color:#E4E4E4;
font-weight:bold;
padding: 6px;
color:#000000;
text-align: left;}

.userSeatsTableTwo td { 
vertical-align:middle;
padding-top: 4px;
padding-right: 4px;
padding-bottom: 3px;
padding-left: 4px;
font-size: 11px;
}

.userSeatsTableTwo hr { 
margin: 0px;
padding: 0px;
}

.gryRoundBox { 
width: 167px;
background-color: #CCCCCC;
}
.leftRndPad { 
padding-top: 4px;
padding-right: 4px;
padding-bottom: 4px;
padding-left: 8px;
color: #333333;
font-weight:bold;
}

.inputfield {
	color: #666666;
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	width: 135px; 
	margin-top: 3px;
	margin-bottom: 6px;}
/* End Table style used for case studies*/

.orngArrow {
	background-image: url(/images/arrow_orng.gif);
	background-repeat: no-repeat;
	margin-left: 0px;
	margin-right: 2px;
	background-position: 0px 3px;
	padding-left: 17px;
	font-weight:bold; }
	
.orngArrow a:link  {text-decoration: none; color: #666666;}
.orngArrow a:visited {text-decoration: none; color: #666666;}
.orngArrow a:hover {text-decoration: underline; color: #666666;}
.orngArrow a:active {text-decoration: none; color: #666666;}