/***********************************************************************/
/* ------ Home Page Start -------------------------------------------- */
/*                                                                     */

.homeSplash { 
	width: 906px;
	height: 394px;
	background-image: url(../img/h_maingraphic.jpg);
	background-repeat: no-repeat;
	padding-bottom: 12px;
	}
.welcomeMsg {
	padding-left: 480px;
	padding-top: 26px;
	/*
	letter-spacing: .02em;
	*/
	}
.welcomeMsg .title {
	font-size: 1.2em;
	line-height: 1.3em;
	width: 390px;
	padding-bottom: 40px;
	}
.welcomeMsg .title span {
	display: block;
	padding-bottom: 10px;
	font-size: 2.1em;
	line-height: 1.1em;
	/*color: #2892d5;*/
	}

.welcomeMsg td {
	width: 100px;
	padding-right: 50px;
	font-size: 1.1em;
	text-transform: uppercase;
	color: #758da0;
	}
.welcomeMsg td a {
	display: block;
	text-transform: none;
	font-weight: bold;
	padding-top: 8px;
	}

.homeBanner {
	background-color: #dadee3;
	border: 1px solid #cfcfcf;
	height: 26px;
	line-height: 26px;
	/* Following is not supported by IE or Opera yet */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	/*
	font-size: 1.08em;
	*/
	}
	
.homeBanner .name a {
	color: #ecf7fe;
	height: 26px;
	}
.homeBanner .name a {
	display: inline-block;
	float: left;
	text-transform: uppercase;
	font-size: 1.15em;
	letter-spacing: .15em;
	color: #ecf7fe;
	background-color: #8b9aa7;
	width: 160px;
	height: 26px;
	text-align: right;
	padding-right: 8px;
	margin-right: 10px;
	-moz-border-radius-topleft: 8px;
	-moz-border-radius-bottomleft: 8px;
	-webkit-border-top-left-radius: 8px;
	-webkit-border-bottom-left-radius: 8px;
	text-decoration: none;
	}
.homeBanner .name a:hover {
	background-color: #2892D5;
	}

.homeSections {
	padding-top: 12px;
	padding-bottom: 8px;
	}
.homeSections td {
	/*
	width: 321px;
	letter-spacing: .04em;
	font-size: 1.1em;
	*/
	line-height: 1.6em;
	padding-right: 10px;
	vertical-align: top;
	}
.homeSections td a {
	font-weight: bold;
	}
.homeSections td img {
	clear: both;
	padding-bottom: 6px;
	}
	
/* -- Home Page High Slides -- */
/*
.highslide-container table {
	width: 448px !important;
	margin-left: auto;
	margin-right: auto;
	left: 0;
	right: 0;
	border: 0 !important;
	}
*/
.highslide-wrapper,
.highslide-outline {
	background: none;
	}
.highslide-html {
   background: none;
   padding: 15px;
	}
.highslide-wrapper .highslide-html-content {
	padding: 0px;
	width: 428px !important;
	}
/*
.closebutton {
	z-index: 1013;
	}
*/

/*                                                                     */
/* ------ Home Page End ---------------------------------------------- */
/***********************************************************************/



/***********************************************************************/
/* ------ Solutions Pages Start -------------------------------------- */
/*                                                                     */

	
/* -- Page Logo and Movie -- */

.solMovie {
	padding-top: 24px;
	padding-bottom: 24px;
	}
.solMovie img {
	vertical-align: top;
	}
.solMovie .movie {
	margin-left: 68px;
	/*
	position: absolute;
	right: 68px;
	*/
	}

/* -- Main Information -- */
#contentTabs {
/*
	padding-bottom: 8px;
	padding-left: 36px;
	padding-right: 36px;
*/
	}



/* Tabs */
.tabs {
	border-bottom: 1px solid #95d8ff;
	padding-left: 24px;
	margin-left: 36px;
	margin-right: 36px;
	height: 2.4em;
	}
.tabs span {
	float: right;
	}
.tabs span img {
	vertical-align: middle;
	padding-right: 6px;
	}
.tabs span a {
	/*color: #1f76ab;*/
	text-decoration: none;
	}
.tabs span a:hover {
	color: #333333;
	text-decoration: underline;
	}
.tabs li {
	list-style: none;
	display: inline-block;
	float: left;
	padding-left: 14px;
	padding-right: 14px;
	line-height: 28px;
	font-size: 1.3em;
	
	color: #929292;
	font-weight: bold;
	margin-right: 10px;
	cursor: default;
	}
.tabs li {
	background-color: #ffffff;
	border: 1px solid #ffffff;
	border-bottom: 0;
	color: #929292;
	}
.tabs li:hover {
	color: #333333;
	}
.tabs li.active {
	background-color: #e6f0f7;
	border: 1px solid #95d8ff;
	border-bottom: 0;
	color: #000000;
	}
.tabs li.active:hover {
	color: #000000;
	}
	
/* Main Text */

#contentTabs .contentBody {
	/*
	*/
	width: 608px;
	padding-left: 0;
	padding-right: 0;
	}
#contentTabs .contentBody .infoSection {
	padding-left: 60px;
	}

/*
.tabInfo a {
	color: #2a7eae;
	}
.tabInfo a:hover {
	color: #333333;
	}
*/

/* if needs icons */
img.sectionIcon {
	vertical-align: top;
	float: left;
	padding-top: 12px;
	padding-left: 48px;
	}
.iconPush {
	padding-left: 60px;
	}
	
/* Bottom links within the main text */
.infoLinkTos {
	padding-top: 12px;
	/*color: #2a7eae;*/
	}
	
	
	
/* Right Bar */
.rightBar {
	float: right;
	display: inline;
	margin-right: 48px;
	margin-left: 36px;
	width: 280px;
	}
.rightBar .boxType {
	margin-top: 24px;
	padding: 0;
	padding-top: 10px;
	padding-bottom: 8px;
	}
.rightBar .boxType div {
	padding-left: 22px;
	padding-right: 22px;
	line-height: 14px;
	}
.rightBar .boxType img {
	display: block;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	}
.rightBar .boxType img.pic {
	padding-top: 0;
	padding-right: 0;
	padding-right: 12px;
	padding-left: 12px;
	}
.rightBar .boxType i {
	display: block;
	color: #164b6d;
	padding-top: 12px;
	}
.rightBar .boxType b.infoTitle {
	display: block;
	/*color: #000000;*/
	font-size: 1.2em;;
	line-height: 20px;
	padding-top: 8px;
	}
.rightBar .boxType .toDo {
	padding: 0;
	margin: 0;
	border-bottom: 1px solid #cfcfcf;
	/*color: #1f76ab;*/
	font-size: 1em;
	font-weight: bold;
	padding-bottom: 8px;
	padding-left: 8px;
	}
.rightBar .boxType .toDo img.toDoImg {
	position: relative;
	top: -12px;
	left: -20px;
	display: inline-block;
	margin: 0;
	margin-right: -27px;
	margin-top: -8px;
	padding: 0;
	padding-right: 8px;
	vertical-align: middle;
	}
.rightBar .boxType .roll {
	display: block;
	width: 236px;
	overflow: hidden;
	padding: 0;
	padding-top: 8px;
	padding-bottom: 8px;
	margin-left: auto;
	margin-right: auto;
	cursor: pointer;
	}
.rightBar .boxType .roll div {
	padding: 0;
	margin: 0;
	}
.rightBar .boxType .roll img {
	float: left;
	padding: 0;
	margin: 0;
	}
.rightBar .boxType .roll img:hover{
	float: right;
	}

/*                                                                     */
/* ------ Solutions Pages End ---------------------------------------- */
/***********************************************************************/





/***********************************************************************/
/* ------ About StarCast Pages Start --------------------------------- */
/*                                                                     */


/* -- Quick Facts -- */
	
/* Parallel List and icons */
.infoIcon {
	}
.infoIcon div {
	display: inline-block;
	float: left;
	vertical-align: top;
	width: 143px;
	margin-right: 4px;
	padding-top: 12px;
	}
.infoIcon img {
	display: block;
	}
.infoIcon div span {
	display: block;
	padding-left: 10px;
	}

/* blank box at the bottom of the right column */
.blankBox {
	margin-top: 24px;
	line-height: 18px;
	/*
	letter-spacing: .4em;
	*/
	border: 1px solid #cfcfcf;
	padding-top: 14px;
	padding-bottom: 8px;
	/* Following is not supported by IE or Opera yet */
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	}
.blankBox img {
	float: left;
	vertical-align: top;
	}
.blankBox div.boxInfo {
	height: 98px;
	padding-bottom: 6px;
	display: inline-block;
	display: table-cell;
	text-align: center;
	font-size: 13px;
	line-height: 22px;
	font-weight: bold;
	vertical-align: middle;
	/*color: #278ecd;*/
	}
.blankBox div.boxInfo a {
	color: #278ecd;
	}
.blankBox div.boxInfo a:hover {
	color: #333333;
	}
	
/* -- How StarCast Works -- */

.worksDiagram table {
	float: right;
	margin-left: 34px;
	margin-right: 6px;
	margin-bottom: 0;
	}
.worksDiagram .Intro .infoSection {
	font-size: 1.01em;
	}
.worksDiagram td {
	padding: 0;
	}
.worksDiagram td.top {
	padding-left: 24px;
	padding-bottom: 8px;
	}
.worksDiagram td.text {
	padding-left: 8px;
	/*color: #2792d5;*/
	font-weight: bold;
	font-size: .9em;
	}
.worksDiagram td img {
	vertical-align: middle;
	}
	

.worksDetail {
	padding-bottom: 12px;
	padding-top: 24px;
	clear: both;
	/*
	margin-left: 48px;
	margin-right: 36px;
	*/
	}
.worksDetail table {
	width: 100%;
	text-align: center;
	margin-top: 8px;
	}
.worksDetail table td {
	vertical-align: top;
	/*color: #03679a;*/
	}
.worksDetail td.guide {
	width: 213px;
	vertical-align: middle;
	}
.worksDetail .boxType {
	color: #000000;
	font-weight: bold;
	padding-bottom: 12px;
	height: 232px;
	}
.worksDetail .boxType div {
	padding: 12px;
	}
.boxType .infoTitle {
	/*color: #282828;*/
	padding-top: 12px;
	}

.contentType {
	border: 1px solid #e2e3e1;
	}
.worksDetail .contentType {
	margin: 4px;
	}

/* -- StarCast Portals -- */

.portalIntro {
	margin-left: 48px;	
	}
.portalIntro .pic {
	margin-right: 10px;
	margin-left: 40px;
	}

.portalTypes {
	clear: both;
	padding-bottom: 36px;
	margin-left: 48px;
	}
.portalTypes table {
	width: 89%;
	margin-left: 12px;
	}
.portalTypes table td {
	padding: 2px;
	padding-left: 12px;
	}
	
.portalInfo {
	padding-bottom: 24px;
	margin-left: 48px;
	}
.portalInfo table {
	display: inline;
	float: right;
	margin-left: 36px;
	margin-right: 52px;
	}
.portalInfo table td {
	padding: 4px;
	padding-left: 6px;
	font-size: 1.1em;
	font-weight: bold;
	}
.portalInfo table img {
	display: block;
	clear: both;
	}

.portalUseCases {
	text-align: center;
	padding-right: 60px;
	width: 784px;
	margin-left: 48px;
	}
.portalUseCases table {
	width: 96%;
	}
.portalUseCases table td {
	/*color: #2792d5;*/
	padding: 6px;
	text-align: left;
	}
/*
	.portalUseCases table td b {
	color: #474747;
	}
*/
.portalUseCases table.portal img {
	display: block;
	clear: both;
	padding-bottom: 4px;
	}
.portalUseCases table td.portal {
	text-align: center;
	}

/*                                                                     */
/* ------ About StarCast Pages End ----------------------------------- */
/***********************************************************************/





/***********************************************************************/
/* ------ Features Pages Start --------------------------------------- */
/*                                                                     */

/* -- Core -- */

.coreIntro {
	margin-left: 36px;
	}
.coreIntro .pic {
	margin-left: 50px;
	margin-right: 10px;
	}
.coreFeatures {
	clear: both;
	padding-top: 12px;
	}
.coreFeatures table {
	width: 860px;
	}
.coreFeatures table td {
	padding: 4px;
	vertical-align: top;
	}
.coreFeatures table td.icon {
	width: 133px;
	}
.coreFeatures table td.gutter {
	width: 70px;
	}

/* -- Upgrades -- */

.upgradeIntro {
	margin-left: 36px;
	}
.upgradeIntro .pic {
	margin-right: 20px;
	margin-left: 80px;
	}
	
.upgrades {
	clear: both;
	padding-top: 6px;
	}
	
.upgrades table {
	width: 824px;
	}
.upgrades table td {
	padding: 4px;
	vertical-align: top;
	}
.upgrades table td.icon {
	width: 201px;
	}
.upgrades table td.gutter {
	width: 12px;
	}
.upgrades table a {
	display: block;
	font-weight: bold;
	padding-top: 12px;
	}

/* -- Portals -- */

/*
.listNav {
	float: left;
	width: 170px;
	margin-right: 12px;
	padding-left: 48px;
	padding-top: 24px;
	}
.listNav li img {
	float: left;
	}
.listNav li.active img {
	float: right;
	}
.listNav li span {
	position: absolute;
	font-size: 11px;
	left: 60px;
	line-height: 40px;
	font-weight: bold;
	color: #646464;
	}	
.listNav ul {
	list-style: none;
	}
.listNav li {
	width: 170px;
	overflow: hidden;
	padding: 0;
	margin: 0;
	cursor: pointer;
	}
*/
.listNav {
	/*
	position: absolute;
	*/
	position: relative;
	display: inline;
	margin-left: 36px;
	margin-right: 12px;
	padding-top: 24px;
	overflow: hidden;
	width: 170px;
	float: left;
	}
.listNav li img {
	position: relative;
	left: 0;
	z-index: 1;
	}
	
.listNav li:hover img {
	left: -170px;
	}

.listNav li.active img,
.listNav li.active:hover img {
	left: -340px;
	}
	
.listNav span {
	position: relative;
	top: -44px;
	cursor: pointer;
	font-size: 11px;
	left: 12px;
	line-height: 40px;
	font-weight: bold;
	color: #646464;
	z-index: 2;
	}
.listNav a {
	text-decoration: none;
/*
	line-height: 40px;
	height: 40px;
	width: 160px;
	display: block;
	position: relative;
	top: -44px;
	cursor: pointer;
	font-size: 11px;
	left: 12px;
	font-weight: bold;
	color: #646464;
	z-index: 2;
*/
	}
	
.listNav ul {
	list-style: none;
	}
.listNav li {
	cursor: pointer;
	padding: 0;
	margin: 0;
	width: 170px;
	margin-bottom: -44px;
	}
.listNav li.top,
.listNav li.btm { /* this one is one pixel taller */
	margin-bottom: -43px;
	}
.listNav li.top span,
.listNav li.btm span {
	top: -43px;
	}
.listNav li.active span,
.listNav li.active a {
	color: #000000;
	}
.portalOverview {
	padding-top: 12px;
	margin-left: 212px;
	}
.portalOverview .Intro {
	padding-left: 26px;
	}
.portalOverview .infoSection {
	font-size: 1.1em;
	}
.portalOverview .Intro .infoTitle {
	color: #000000;
	font-size: 1.3em;
	}
.portalOverview table {
	width: 724px;
	}
.portalOverview table td {
	padding-left: 12px;
	padding-right: 24px;
	padding-bottom: 24px;
	vertical-align: top;
	}
.portalOverview table td .boxType {
	padding-top: 12px;
	}
.portalOverview .infoTitle {
	/*
	padding-left: 12px;
	*/
	}
.portalOverview .infoTitle a {
	text-decoration: none;
	/*color: #2792D5;*/
	}
.portalOverview .infoTitle a:hover {
	text-decoration: underline;
	}

#contentTabs .portals {
	margin-left: 224px;
	}
#contentTabs .portals .contentBody {
	width: 348px;
	/*
	margin-left: 224px;
	padding-left: 12px;
	padding-right: 12px;
	*/
	}
#contentTabs .portals .contentBody .infoSection {
	padding-left: 0;
	}
.portals .Intro .infoTitle {
	/*color: #000000;*/
	font-size: 1.3em;
	padding-top: 0;
	}
.portals .rightBar {
	width: 326px;
	margin-right: 44px;
	}
.portals .rightBar .boxType .roll {
	width: 282px;
	}

/*                                                                     */
/* ------ Features Pages End ----------------------------------------- */
/***********************************************************************/


/***********************************************************************/
/* ------ Contact Us Start ------------------------------------------- */
/*                                                                     */

.contactInfo {
	float: left;
	width: 412px;
	border-right: 1px solid #c5eaff;
	padding-right: 34px;
	}
.contactInfo .infoSetion {
	padding-bottom: 36px;
	}
.contactInfo .infoTitle {
	color: #474747;
	}
.contactInfo .Intro .infoTitle {
	font-size: 1.8em;
	padding-bottom: 12px;
	color: #2792D5;
	}
.contactBlock {
	padding-bottom: 24px;
	}
.contactBlock ul,
.contactBlock ol {
	list-style-position: inside;
	}
.contactType {
	font-weight: bold;
	float: left;
	width: 60px;
	padding-bottom: 2px;
	}
	
.contactForm {
	float: left;
	width: 400px;
	padding-left: 33px;
	}
.contactForm label {
	display: block;
	font-weight: bold;
	padding-bottom: 2px;
	}
.contactForm label b {
	/*font-size: 1.1em;*/
	}
.contactForm b.required {
	color: #2792D5;
	}
.contactForm b.error {
	color: #ff0000;
	}
.contactForm .infoTitle {
	font-size: 1.1em;
	line-height: 1.4em;
	}
.formTable {
	padding-top: 12px;
	padding-bottom: 12px;
	}
.formBlock {
	float: left;
	width: 50%;
	padding-bottom: 12px;
	}
.checkBlocks {
	border-collapse: collapse;
	}
.checkBlocks td {
	padding-bottom: 12px;
	padding-left: 6px;
	padding-right: 10px;
	}
.checkBlocks td label {
	display: inline;
	font-weight: normal;
	}
.contactForm .button {
	text-align: center;
	padding-right: 4px
	}

/*                                                                     */
/* ------ Contact Us End --------------------------------------------- */
/***********************************************************************/


/***********************************************************************/
/* ------ Site Map Start --------------------------------------------- */
/*                                                                     */

.map {
	font-size: 1.2em;
	padding-left: 60px;
	}
.map b a {
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
	}
.map hr {
	width: 80%;
	}
.map b {
	display: block;
	padding-bottom: 6px;
	padding-top: 6px;
	margin-left: 12px;
	}
.map ul {
	padding: 6px;
	list-style-position: inside;
	}
.map li {
	padding: 6px;
	}

/*                                                                     */
/* ------ Site Map End ----------------------------------------------- */
/***********************************************************************/



/***********************************************************************/
/* ------ News Start ------------------------------------------------- */
/*                                                                     */

.news .contentBody {
	padding-top: 12px;
	padding-right: 24px;
	}
.news .boxType,
.article .boxType {
	background-color: #f5f5f5;
	}
.news .boxType .infoSection {
	/*
	text-align: justify;
	*/
	}
.rightCol {
	width: 548px;
	}
.newsDate {
	color: #818181;
	padding-bottom: 12px;
	}
.news .mainTitle .infoTitle {
	font-size: 1.9em;
	}
.news .infoTitle {
	font-size: 1.2em;
	}
.news .mainTitle .infoTitle {
	padding-bottom: 2px;
	}
	
.article .contentBody {
	padding-left: 48px; 
	}
.article .mainTitle {
	padding-bottom: 16px;
	margin-left: 48px;
	}
.article .intro {
	font-size: 1.4em;
	line-height: 1.2em;
	width: 260px;
	}
.article .infoTitle {
	font-size: 1.1em;
	}
.article .infoSection li {
	padding-bottom: 12px;
	}
	
.twoCol {
	width: 586px;
	padding-right: 12px;
	}
.newsCol {
	width: 270px;
	float: left;
	}
.col1 {
	padding-top: 12px;
	}
.col2 {
	padding-top: 36px;
	width: 346px
	}
.col2 .infoSection {
	padding-right: 36px;
	padding-left: 36px;
	}
.col1 .blankBox {
	}
.col2 .blankBox {
	margin-left: 36px;
	margin-right: 36px;
	}
.col3 {
	padding-top: 36px;
	width: 272px;
	}
.col3 .rightBar{
	margin-left:0px;
	margin-right:0px;
	}
.newsCol .infoTitle {
	color: #212121;
	}

/*                                                                     */
/* ------ News End --------------------------------------------------- */
/***********************************************************************/


/*                                                                     */
/* ------ Pricing --------------------------------------------------- */
/***********************************************************************/
.content .tablecontent table td
	{
	padding:10px;
	}
.pricingChart {
	width: 400px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	padding-top: 12px;
	}
.pricingChart table {
	width: 100%;
	}
.pricingChart table td {
	border: 1px solid #c1c7a1;
	background-color: #fefebd;
	text-align: center;
	padding: 2px;
	}