/* Structure & Layout : START */
body {
  xbackground: #AFA6A1; /* Grey */
  background: #01547C; /* SITC Blue */
  margin:0px;
  padding-top:0px;
  font-family: sans-serif;
  font-size:13px;
  color:#222222
}

td {
  vertical-align: top;
  line-height:20px;
}

a:link, a:visited {color:#43586d}

a:hover {color:#003156}

/* Structure & Layout : END */

/* Links the the demonstration page : END */


/* Headings and Titles : START */
h1 {
  font-size:20px;
  font-weight:bold;
  padding:0px;
  margin:0px;
  margin-bottom:18px;
  color:#C53244;
}

h2 {
  font-size:16px;
  font-weight:bold;
  color: #CD3953;
  padding:0px;
  margin:0px;
  margin-bottom:10px;
}

/* Headings and Titles : END */

/* Content : START */
.content-left {
  padding-top:25px;
  padding-left:20px;
  padding-right:20px;
  padding-bottom:35px;
  width:660px;
}

.content-right {
  padding-top:0px;
  border-left: solid 1px silver;
  width:200px;
}

.content-right > * {
  margin-left:10px;
  margin-right:10px;
  width:178px;
}

/* Content : END */

.navbar {
  background:white;
  padding-left:2px;
  padding-right:12px;
}

/* Top Menu : START */

.topLinks a {
  color:gray;
}

.topLinks a:visited {
  color:gray;
}

.topLinks:hover {
  color:brown;
}

.menu {
  height:31px; /*35*/
  vertical-align:middle;
  padding-left:10px;
  padding-right:10px;
  xbackground: #B9AFA5; /* Gray */
  background: #DA4C74;
  background: url(/images/toolbarBG2.gif);
}

a.menu-link, a.menu-link:visited {
  height:31px;
  line-height:31px;
  background-image:url(/images/menu-sep.gif);
  background-position: right;
  background-repeat:no-repeat;
  padding-left:10px;
  padding-right:16px;
  font-family: arial;
  font-size:13px;
  color:#182545;
  text-decoration:none;
  font-weight:bold;
}

a.menu-link:hover {
  text-decoration:underline;
}
/* Top Menu : END */

/* Side Menu : START */

.menu-right, menu-left, a.menu-left, a.menu-left:visited, a.menu-right, a.menu-right:visited {
  font-size: 18px;
  line-height:30px;
  padding-left:10px;
  text-decoration:none;
  color:#6b7785;
  background-color:#FAFAFA;
  width:170px;
  display:block;
  border-top:#CCCCCC solid 1px;
  color:#777777;
}


a.menu-left-level2, a.menu-right-level2, a.menu-left-level2:visited, a.menu-right-level2:visited {
  font-size: 14px;
  line-height:20px;
  padding-left:20px;
  width:160px;
  border-top:none;
}

a.menu-left-end, a.menu-right-end {
  border-bottom:#CCCCCC solid 1px;
}

a.menu-left:hover, a.menu-right:hover {
  background-color:#eef2f5;
  color:#aaaaaa;
}

.menu-left-selected, .menu-right-selected, a.menu-left-selected, a.menu-right-selected, a.menu-left-selected:visited, a.menu-right-selected:visited {
  background-color:#B9AFA5;
  color:white;
}
/* Side Menu : END */

/* Module Pages : Start */

h1.moduleSummary, h1.moduleSummary a, h1.moduleSummary a:visited {
  text-align:center;
  font-size:14pt;
  font-weight:bold;
  color:brown;
  padding:0px;
  margin:0px;
}

h2.moduleSummary, h2.moduleSummary a, h2.moduleSummary a:visited  {
  text-align:center;
  font-size:14px;
  font-weight:normal;
  color: #6F6861;
  padding:0px;
  margin:0px;
  text-decoration:none;
}

h1.moduleSummary a:hover, h2.moduleSummary a:hover {
  color:#003156
}

.moduleInsertSummary {color:gray; padding-top:4px}
.highlightModuleInsertSummary {color:black; padding-top:4px}

.moduleDetails {
  line-height:150%;
  margin-top:0px;
  margin-bottom:0px;
  text-align:justify;
}

table.moduleSummary th {
  background: #CE3A53;
  color:white;
  font-size: 8pt;
  text-align:center;
  line-height:12pt;
}

table.moduleSummary td {
  border-bottom: solid 1px silver;
  font-size: 22pt;
  text-align:center;
  vertical-align:middle;
}

table.moduleSummary td.feature {
  font-weight:bold;
  text-align:left;
  font-size: 8pt;
}

/* Module Pages : End */

/*
 * Misc Styles : BELOW
 */

.contactFooter {
  
}



/** JQuery Tools **/
  
/* the overlayed element */
.overlay1 {

	/* must be initially hidden */
	display:none;

	/* place overlay on top of other elements */
	z-index:10000;

	/* styling */
	background-color:#333;

	width:675px;
	min-height:200px;
	border:1px solid #666;

	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 90px 5px #000;
	-webkit-box-shadow: 0 0 20px #000;
}

/* close button positioned on upper right corner */
.overlay1 .close {
	background-image:url(/images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}


.trigger {
	cursor:pointer;
	border: solid 1px silver;
	filter:alpha(opacity=80);
	-moz-opacity:0.80;
	opacity: 0.80;
	-khtml-opacity: 0.8;
}

.trigger:hover {
	border: solid 1px #333333;
	filter:alpha(opacity=100);
	-moz-opacity:1;
	opacity: 1;
	-khtml-opacity: 1;
}


.XXtriggers img {
	cursor:pointer;
	margin:0 5px;
	xbackground-color:#fff;
	xborder:1px solid #ccc;
	padding:2px;

	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* container for external content. uses vertical scrollbar, if needed */
div.contentWrap {
	height:440px;
	overflow-y:none;
}

/* styling for elements inside overlay */
.overlayDetails {
	position:absolute;
	top:15px;
	right:15px;
	font-size:12px;
	color:#fff;
	width:150px;
}

.overlayDetails a:link {color:white}
.overlayDetails a:visited {color:white}
.overlayDetails a:hover {color:#6F6861}
.overlayDetails > ul {
  padding:0px;
  margin:0px;
  margin-left:15px;
}


.details h3 {
	color:#aba;
	font-size:15px;
	margin:0 0 -10px 0;
}

/** Flow Player */



/** Side Box **/
.sideBox {
  line-height:150%;
  margin-top:10px;
  padding-top:5px;
  padding-bottom:5px;
  text-align:center;
  background-color:#FAFAFA;
  color:#777777;
  
  border-top:#CCCCCC solid 1px;
  border-bottom:#CCCCCC solid 1px;
}

.sideBox h1 {
  color:#6b7785;
  line-height:110%;
  margin-bottom:5px;
}