/* If you want css to apply to different tags just write .Classname in stead of for ex table.Classname */
/* -------------- FRAMEWORK -------------- */
body.framework
{
	background-color: #FFFFFF;	/*ffffff eaeaea*/
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
}

table.framework
{
	background-color: #ffffff;
	width: 1024px;
	text-align: center;
}

td.frameworkHeader
{
	vertical-align: top;
	text-align: right;
	width: 1024px;
	height: 165px;
	margin: 5px 5px 5px 5px;
	padding: 5px 5px 5px 5px;
	background-image: url(img/frameworkHeaderBg.jpg);
	background-repeat: no-repeat;
}
td.frameworkHeaderTabStrip
{
	vertical-align: top;
	text-align: left;
	width: 1024px;
	height: 32px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #9FCC4E;
}

td.frameworkHeaderBar
{
	vertical-align: top;
	text-align: left;
	width: 1024px;
	height: 22px;
	padding-left: 0px;
	padding-right: 0px;
	background-color: #000080; /*#6F6F6F*/
}

td.frameworkMenu
{
	vertical-align: top;
	vertical-align: top;
	background-color: #FFFFFF;
	width: 174px;
	
}

table.frameworkUnderMenu
{
	padding: 5px 5px 5px 5px;
	height: 180px;
	border: no;
	vertical-align: bottom;
	margin: 5px 0px 5px 0px;
	background-color: #ffffff;

}

td.frameworkBody
{
	vertical-align: top;
	text-align: left;
	width: 850px;
	padding-left: 0px;
	padding-right: 0px;
}

td.frameworkFooter
{
	vertical-align: middle;
	text-align: center;
	width: 1024px;
	height: 32px;
	padding-left: 0px;
	padding-right: 0px;
	background-image: url(img/frameworkFooterBg.jpg);
	background-repeat: no-repeat;
	font-weight: bold;
	color: #FFFFFF;
}


/* -------------- TABS --------------*/
TD.Tab
{
	background-image: url(img/Tab.gif);
	background-repeat: no-repeat;
	width: 125px;
	height: 30px;
	cursor: hand;
	color: #FFFFFF;
	text-align: center;
	FONT-SIZE: 11px; 
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT:bold;
	TEXT-DECORATION: none;
}

TD.TabActive
{
	background-image: url(img/TabActive.gif);
	background-repeat: no-repeat;
	width: 125px;
	height: 30px;
	cursor: hand;
	color: #FFFFFF;
	text-align: center;
	FONT-SIZE: 11px; 
	FONT-FAMILY:Verdana, Arial, Helvetica, sans-serif;
	FONT-WEIGHT:bold;
	TEXT-DECORATION: none;
}

/* -------------- MENU -----------------------------*/
table.menu
{
	margin-left: 0px;
	margin-right: 0px;
	width: 150px;
	background-color: #99ccff;
}

td.menu
{
	color: #FFFFFF;
	width: 130px;
	height: 24px;
	padding-left: 8px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #3366ff;
	background-image: url(img/menu/menu_arrow_white.gif);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

td.menuSelected
{
	color: #000000;
	width: 130px;
	height: 24px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	background-color: #99ccff;
	background-image: url(img/menu/menu_arrow_black.gif);
	background-position: 0px 10px;
	background-repeat: no-repeat;
	cursor: pointer;
}

td.menuSubHeader
{
	color: #FFFFFF;
	width: 130px;
	padding-left: 0px;
}

td.menuSub
{
	color: #FFFFFF;
	background-color: #FFFFFF;
	height: 24px;
	width: 130px;
	padding-left: 10px;
}

td.menuSubChildHeader
{
	color: #FFFFFF;
	width: 100%;
	padding-left: 0px;
}

td.menuSubChild
{
	color: #FFFFFF;
	width: 140px;
	padding-left: 0px;
}

td.menuChild
{
	color: #FFFFFF;
	width: 140px;
	height: 24px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #3366ff;
	background-image: url(img/menu/menu_arrow_white.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	cursor: pointer;
}

td.menuChildSelected
{
	color: #000000;	/*FFCC00*/
	width: 140px;
	height: 24px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	background-color: #99ccff;
	background-image: url(img/menu/menu_arrow_black.gif);
	background-position: 0px 5px;
	background-repeat: no-repeat;
	cursor: pointer;
	/*text-indent: 10px;*/
}

td.menuSeparator
{
	width: 140px;
	height: 2px;
	background-image: url(img/menu/menu_dot_separator.gif);
	background-repeat: repeat;
}
/* -------------- END MENU -----------------------------*/

/* Content control */
table.Content
{
	background-color: #ffffff;
	padding: 0px 0px 0px 0px;
	margin: 5px 5px 5px 5px;
	width: 800px;
}

/* ContentList control */
table.ContentList
{
	width: 590px;
	margin: 5px 1px 5px 5px;
}

table.ContentListItem
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	border: 0px;
}
table.ContentListAlternatingItem
{
	width: 100%;
	padding: 0px 0px 0px 0px;
	border: 0px;
	background-color: #F4F3F3;
}
table.ContentListSeparator
{
	width: 100%;
	background-image: url(img/dottedBorder.gif);
	background-repeat: repeat;
}


/* ContetnRotator  control */
table.rotator
{
	background-color: #FFFFFF;
	background-image: url(img/adv_background.gif);
	width: 220;
	height: 245px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	border: dotted 1px #000000;
	margin: 1px 1px 1px 1px ;
}

td.rotatortitle
{
	height: 10px;
	background-color: #FFCC00;
	text-align: center;
	color: #CC0048;
	font-weight: bold;
}

td.rotatorbody
{
}

/* Login control */
table.login
{
	background-color: #ffffff;
	background-image: url(img/useful/loginbg.gif);
	width: 200px;
	height: 60px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	vertical-align: top;
	padding: 5px 1px 5px 1px;
}

/* RSS ScreanScraper control */
table.RssReaderScreenScrap
{
	background-color: #ffffff;
	background-image: url(img/NONE.gif);
	vertical-align: top;
	margin: 5px 5px 5px 5px;
	width: 800px;
}

/* RssReader control that presents list with rss elements */
table.RssReader
{
	border: dotted 1px #000000;
	margin: 1px 1px 1px 1px ;
	width: 220px;
}
.rssHeaderCssClass
{
	text-align: center;
	color: #CC0048; /*#FFFFFF;*/
	background-color: FFCC00; /*#CC0048;*/
	font-weight: bold;
}
tr.rssItemCssClass
{
	background-color: #ffffff;
}
td.rssItemCssClass
{
	
}


tr.rssAlternateItemCssClass
{
	background-color: #eaeaea;
}

td.rssAlternateItemCssClass
{
	
}

td.rssAlternateItemCssClass a, 
td.rssAlternateItemCssClass a:visited, 
td.rssAlternateItemCssClass a:active,
td.rssItemCssClass a,
td.rssItemCssClass a:visited, 
td.rssItemCssClass a:active
{
	color: #58595A; /* #6B6B6B;*/
	text-decoration:none;
}

td.rssAlternateItemCssClass a:hover,
td.rssItemCssClass a:hover
{
	color: #CC0048; /* #6B6B6B;*/
	text-decoration: underline;	
}

/* CommentList */
table.CommentListItem
{
	width: 800px;	
	border: dotted 1px #000000;
	background-color: #FFFFFF;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
}
table.CommentListAlternatingItem
{
	width: 800px;	
	border: dotted 1px #000000;
	background-color: #EAEAEA;
	margin: 0px 5px 0px 5px;
	padding: 0px 5px 0px 5px;
}
table.CommentListSeparator
{
	width: 100%;
	/* background-image: url(img/dottedBorder.gif); */
	background-repeat: repeat;
}

td.CommentListInfo
{
	width: 130px;
	background-color: #7180D5;
}

/* Comment */
table.Comment
{
	border: dotted 1px #000000;
	background-color: #FFCC00;
	width: 800px;	
	margin: 5px 5px 5px 5px;
}

/* Item, control that creates new menu items */
table.Item
{
	border: 0px;
	padding: 1px 1px 3px 1px;
}

/* TeamRoom */
table.TeamRoom
{
	width: 820px;	
	margin: 5px 5px 5px 5px;
	border: none 0px #000000;
}

table.TeamRoomUpload
{
	border: none 0px #000000;
	padding: 2px 2px 2px 2px; 
}

table.TeamRoomDocs
{
	border: 0px;
	width: 820px;	
}

.TeamRoomDocsHeader
{
	background-color: #EAEAEA;
	font-weight: bolder;
}

tr.TeamRoomDocsItemTemplate
{
}

tr.TeamRoomDocsAlternatingItemTemplate
{
}

/* Gallery */
td.ImageBand	/* this applies to both td and div */
{
	background-color: #F4F3F3;
	border: solid 1px black;
}

div.ImgPlaceHolder
{
	width: 640;
	height: 480;
	background-color: #F4F3F3;
	text-align:center;
	vertical-align:middle;
	overflow-x:auto;
}

table.GalleryList
{
	width: 100%;
	border: dotted 1px #000000;
	
}
table.GalleryListHeader
{
	background-color: #FFCC00;
	color: #FFFFFF;
	text-align: center;
	font-weight:bold;
}
table.GalleryListItem
{
}

a:link.GalleryListItem
{
	color: #CC0048;
	font-weight: bold;
}

a:visited.GalleryListItem
{
	color: #CC0048;
	font-weight: bold;
}

/* Email control */
table.MailForm
{
	width: 800px;	
	border: dotted 1px #000000;
	background-color: #3366FF;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px;
}

table.MailFormContanctInfo
{
	width: 600px;
	margin: 5px 5px 5px 5px;
	padding: 2px 2px 2px 2px;
	text-align: center;
}

/* Advertise */
table.Advert
{
	padding: 0px 0px 0px 0px;
	width: 100%;
	margin: 1px 1px 1px 1px;
	border: none 0px #000000;
}

/* VisitorStats */
table.VisitorStats
{
	background-color: #FFFFFF;
	width: 400px;
	margin: 5px 5px 5px 5px;
}

.VisitorStatsHeader
{
	background-color: #FFCC00;
}

/* Vote */
table.Vote
{
	border-left: dotted 1px #000000;
	border-right: dotted 1px #000000;
	border-bottom: none;
	border-top: none;
	width: 220px;
	background-color: #FFFFFF;
}


/* Messages to user */
span.Message
{
	color: Red;
}

p.SmallText
{
	padding: 0; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px;	
}

/* Specific classes */
a:link.BoldYellowLink
{
	font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;
	font-weight: bold;
	color: #FFCC00;
}

td.VisitorCount
{
	color: #000000;
	font-weight: bold;
	text-align: center;
}

/* Link for show complete article */
a:link.showComplete
{
	text-decoration: none; color: #CC0048;
}



/* -- Basic HTML Elements -- */
body {margin:0px 0px; padding:0px; text-align:center; font-family: Verdana, Arial, Helvetica, sans-serif;}
input, select, th, td {font: 11px Verdana, Arial, Helvetica, sans-serif;}
p {padding: 0; margin: 0 0 0 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px;}
img {border: 0;}
a:link {text-decoration: none; color: #CC0048;}
a:visited {text-decoration: none; color: #CC0048;}
a:hover {text-decoration: underline; color: #CC0048;}
a:active {text-decoration: none; color: #FFCC00;}
h1 {font-size: 14px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #CC0048; padding: 0 0 0 0; margin: 0;}
h2 {font-size: 13px; color: #CC0048; padding: 0 0 0 0; margin: 0;}
h3 {font-size: 12px; color: #CC0048; padding: 0px 0 0px 0; margin: 0;}
h4 {font-size: 11px; color: #CC0048; padding: 0 0 0 0; margin: 0;}
h5 {font-size: 10px; color: #CC0048; padding: 0 0 0 0; margin: 0;}
h6 {font-size: 10px; color: #CC0048; padding: 0; margin: 0;}