/*
	Main Stylesheet for WebStager
	By <hutzmedia.com>
	May 02, 2008 
*/

html {
	font-family: Arial,Verdana,Sans-serif;
}

body {
	padding: 0px;
	margin: 0px;
	width: 100%;
	color: #FFFFFF;
	background-color: #000000;
	background-image: url('../images/body.background.jpg');
	background-position: top center;
	background-repeat: no-repeat;
}

img {
	border-style: none;
}

p {
	margin: 0px;
	padding: 0px;
}

/* Page */
div#page {
	font-size: 0.82em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 994px; height: 1060px;
}

/* Page Database*/
div#page.database {
	font-size: 0.82em;
	position: relative;
	margin-left: auto;
	margin-right: auto;
	width: 994px; height: 1024px;
}

/* Header */
div#page div.header {
	position: relative;
	height: 117px;
	
}

div#page div.header div.white {
	position: absolute;
	right: 210px;
	top: 25px;
}

div#page div.header div.white img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.white1 {
	position: absolute;
	right: 185px;
	top: 25px;
}

div#page div.header div.white1 img {
	width: 25px;
	height: 25px;	
}

div#page div.header div.rss {
	position: absolute;
	right: 148px;
	top: 16px;
}

div#page div.header div.rss img {
	width: 36px;
	height: 41px;
}

div#page div.header div.flash {
	position: absolute;
	right: 195px;
	top: 16px;
}

div#page div.header div.j_script img {
	width: 54px;
	height: 36px;
}

div#page div.header div.j_script {
	position: absolute;
	right: 210px;
	top: 16px;
}

div#page div.header div.flash img {
	width: 41px;
	height: 41px;	
}

div#page div.header div.textSize {
	position: absolute;
	cursor: default;
	right: 32px;
	top: 16px;
	width: 100px;
	color: #646464;
	padding: 3px;
	font-size: 9pt; /* absolute font size so it doesn't resize with page */
}

div#page div.header div.textSize a {
	display: block;
	position: absolute;
	right: 0px; top: 0px;
	
	width: 12px;
	text-decoration: none;
	border: #646464 solid 1px;
	padding: 1px;
	color: #FFFFFF;
	text-align: center;
}
div#page div.header div.textSize a.disabled {
	border: #444444 solid 1px;
	color: #444444;
}

div#page div.header div.textSize a#smaller {
	right: 15px;
}

div#page div.header img {
	position: absolute;
	left: -35px; top: 0px;
	width: 307px; height: 117px;
}

div#page div.header div.links {
	position: absolute;
	right: 0px; bottom: 20px;
}

div#page div.header div.links a {
	font-size: 140%;
	padding: 4px;
	margin-left: 14px;
	color: #00CCFF;
	text-decoration: none;
}

/* Sites: Flash iFrame */
div#page div.sites {
	margin-left: 5px;
	width: 980px;
	height: 300px;
	margin-bottom: 19px;
}	

/* Content */
div#page div.content {
	position: relative;
}

body.internal div#page div.content  {

	height: 840px;
	overflow: auto;
		
}

div#page div.content div.title img {
	width: 975px; height: 57px;
	margin-left: 9px;
	margin-bottom: 1em;
}

div#page div.content p.readmoreHeader {
	color: #FF6600;
	font-size: 160%;
	letter-spacing: 0.02em;
	margin-bottom: 1em;
}


div#page div.content div.widget {
	position: absolute;
	right: 100px;
	top: 16px;
}

div#page div.content div.widget img {
	width: 41px;
	height: 41px;	
}

div#page div.content div.blog {
	position: absolute;
	right: 250px;
	top: 16px;
}

div#page div.content div.blog img {
	width: 41px;
	height: 41px;
}
div#page div.content div.micro {
	position: absolute;
	right: 200px;
	top: 16px;
}

div#page div.content div.micro img {
	width: 41px;
	height: 41px;
}
div#page div.content div.disp {
	position: absolute;
	right: 150px;
	top: 16px;
}

div#page div.content div.disp img {
	width: 41px;
	height: 41px;
}
div#page div.content div.social {
	position: absolute;
	right: 300px;
	top: 16px;
}

div#page div.content div.social img {
	width: 41px;
	height: 41px;
}
div#page div.content div.app {
	position: absolute;
	right: 50px;
	top: 16px;
}

div#page div.content div.app img {
	width: 41px;
	height: 41px;
}

div#page div.content div.rss {
	position: absolute;
	right: 0px;
	top: 16px;
}

div#page div.content div.rss img {
	width: 41px;
	height: 41px;
}

/* Normal */
div#page div.content div.description {
	color: #DDDDDD;
	font-size: 90%;
	width: 60%;
}

div#page div.content div.description span { 
	color: #0099FF;
	font-weight: bold;
}

div#page div.description div.links_sn {
	position: absolute;
	left: 0px; top: 275px;
}

div#page div.description div.links_sn a {
	font-size: 100%;
	padding: 4px;
	margin-left: 14px;
	color: #FFFFFF;
	text-decoration: none;
}

div#page div.content div.definition {
	position: absolute;
	color: #FB8D77;
	width: 30%;
	right: 1px;
	top: 60px;
	font-size: 140%;
	height: 1px;
}

/* Marketing */
body.marketing div#page div.content div.description {
	
	width: 45%;
	
}
body.marketing div#page div.content div.definition {
	
	width: 50%;
	
}

div#page div.content div.definition p.origin {
	font-size: 60%;
	text-decoration: underline;
}

div#page div.content div.definition p {
	margin-top: 1em;
}

/* added SJA newstools images */

div#page div.content div.definition div.widget {
	position: absolute;
	right: 300px;
	top: 475px;
}

div#page div.content div.definition div.widget img {
	width: 176px;
	height: 172px;	
}

div#page div.content div.definition div.blog {
	position: absolute;
	right: 35px;
	top: 25px;
}

div#page div.content div.definition div.blog img {
	width: 174px;
	height: 176px;	
}

div#page div.content div.definition div.microblog {
	position: absolute;
	right: 300px;
	top: 250px;
}

div#page div.content div.definition div.microblog img {
	width: 176px;
	height: 176px;	
}

div#page div.content div.definition div.dispatch {
	position: absolute;
	right: 35px;
	top: 250px;
}

div#page div.content div.definition div.dispatch img {
	width: 176px;
	height: 176px;	
}

div#page div.content div.definition div.social {
	position: absolute;
	right: 300px;
	top: 25px;
}

div#page div.content div.definition div.social img {
	width: 176px;
	height: 176px;	
}

div#page div.content div.definition div.apps {
	position: absolute;
	right: 35px;
	top: 475px;
}

div#page div.content div.definition div.apps img {
	width: 176px;
	height: 176px;	
}
div#page div.content div.definition div.widget_describe {
	position: absolute;
	right: 50px;
	top: 25px;
}

div#page div.content div.definition div.widget_describe img {
	width: 400px;
	height: 400px;	
}

div#page div.content div.definition div.widget_describe1 {
	position: absolute;
	right: 570px;
	top: 450px;
}

div#page div.content div.definition div.widget_describe1 img {
	width: 350px;
	height: 90px;	
}

div#page div.content div.definition div.widget_describe3 {
	position: absolute;
	right: 570px;
	top: 600px;
}

div#page div.content div.definition div.widget_describe3 img {
	width: 350px;
	height: 90px;	
}

div#page div.content div.definition div.widget_describe2 {
	position: absolute;
	right: 50px;
	top: 475px;
}

div#page div.content div.definition div.widget_describe2 img {
	width: 400px;
	height: 197px;	
}

/* Right_Nav: Micro_blog */

div#page div.content div.definition div.micro_blog {
	position: absolute;
	right: 50px;
	top: 100px;
}

div#page div.content div.definition div.micro_blog {
	width: 400px;
	height: 400px;	
	

/* Right_Nav: broadcast */
}

div#page div.content div.definition div.broadcasting {
	position: absolute;
	right: 50px;
	top: 25px;
}

div#page div.content div.definition div.broadcasting img {
	width: 400px;
	height: 220px;	
}


div#page div.content div.definition div.social_profile1 {
	position: absolute;
	right: 50px;
	top: 50px;
}

div#page div.content div.definition div.social_profile1 img {
	width: 400px;
	height: 308px;	
}


div#page div.content div.definition div.social_profile2 {
	position: absolute;
	right: 50px;
	top: 425px;
}

div#page div.content div.definition div.social_profile2 img {
	width: 400px;
	height: 292px;	
}


div#page div.content div.definition div.blog1 {
	position: absolute;
	right: 50px;
	top: 25px;
}

div#page div.content div.definition div.blog1 img {
	width: 450px;
	height: 350px;	
}


div#page div.content div.definition div.blog2 {
	position: absolute;
	right: 50px;
	top: 400px;
}

div#page div.content div.definition div.blog2 img {
	width: 400px;
	height: 350px;	
}


div#page div.content div.definition div.application {
	position: absolute;
	right: 50px;
	top: 35px;
}

div#page div.content div.definition div.application img {
	width: 400px;
	height: 315px;	
}


div#page div.content div.definition div.application_1 {
	position: absolute;
	right: 50px;
	top: 400px;
}

div#page div.content div.definition div.application_1 img {
	width: 400px;
	height: 350px;	
}
div#page div.content div.definition div.mail_list {
	position: absolute;
	right: 50px;
	top: 375px;
}

div#page div.content div.definition div.mail_list img {
	width: 400px;
	height: 320px;	
}		
/* Content: Left Div */
div#page div.content div.left {
	color: #FFFFFF;
	width: 350px;
}
/* Content: Left Div News feeds */
div#page div.tgb a {
	color: #00CCFF;
	text-decoration: none;
	font-size: 125%;
}


div#page div.content div.left div {
	margin: 0px; padding: 0px;
	margin-bottom: 0.4em;
	font-size: 85%;
}

div#page div.content div.left div.heading {
	font-size: 175%;
	font-weight: bold;
}
div#page div.content div.left div.h2 {
	font-size: 125%;
	letter-spacing: 0.2px;
}

div#page div.content div.left img.readMore {
	margin-top: 0.5em;
	width: 87px; height: 18px;
}

/* Content: Right Div */

.style1 {color: #009900}
.style2 {color: #00CCFF}
.style7 {color: #FFFFFF}

div#page div.content div.right {
	position: absolute;
	right: 20px; top: 76px;
	width: 473px;
	color: #FFFFFF;
	
}

div#page div.content div.right div.div1, div#page div.content div.right div.div2 {
	position: relative;
	margin-bottom: 3.5em;
}

div#page div.content div.right div.div1 div, div#page div.content div.right div.div2 div {
	width: 443px;
	margin: 0px; padding: 0px;
	font-size: 85%;
	padding-left: 20px;
	padding-bottom: 20px;
}

div#page div.content div.right img {
	width: 112px; height: 108px;
	position: absolute;
}

div#page div.content div.right img.left {
	left: -112px; top: 0px;
}

div#page div.content div.right img.readMore {
	position: absolute;
	right: 0px; bottom: 0px;
	width: 87px; height: 18px;
}


/* Footer */

div#page div.footer {
	position: absolute;
	bottom: 0px;
	width: 100%; height: 68px;
}

div#page div.footer p {
	margin: 0px; padding: 0px;
	font-size: 75%;
	text-align: center;
	color: #646464;
	
	position: absolute;
	left: 320px; bottom: 35px;
}

div#page div.footer p a {
	text-decoration: underline;
	color: #646464;
}

div#page div.footer img {
	position: absolute;
}

div#page div.footer img#mimi {
	left: 20px; bottom: 33px;
	width: 63px; height: 26px;
} 

div#page div.footer img#themegreen {
	right: 140px; bottom: 37px;
	width: 97px; height: 12px;
}

div#page div.footer img#letsvous {
	right: 20px; bottom: 37px;
	width: 99px; height: 12px;
}