/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

****		iNetDevs Web Portal Style Sheet					****

****		Copyrights (c) www.inetdevs.com					****

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Main Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#PortalPage {
	table-layout:fixed;
	width: 950px;
	height: 320px;
}

#Container_Header {
	background-image: url(Skin/Banner.jpg);
	background-repeat: no-repeat;
	height : 234px;
	width: 100%;
}

#Navigation {
	height : 46px;
	width: 100%;
}

#EditContent {
    margin: 10px 20px 10px 20px;
}

#PagesContent {
	margin: 10px 15px 10px 15px;
}

#Search input {
	font-weight: normal;
	font-size: 9pt;
	color: Navy;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HTML TAGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

html { margin: 0px; direction: ltr; }

body {
	margin: 0px;
	color: Black;
	font-size: 9pt;
	direction: ltr;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	background-image: url(Skin/bg_tile.gif);
	background-repeat: repeat;
}

label, span {
	font-weight: normal;
	font-size: 10pt;
}	

hr {
	color: #E5E5E5;
	background-color: #E5E5E5;
	height: 1px;
	border:0;
	margin: 2px 0px 2px 0px;
}
	
blockquote {
	padding:0 0 0 12px;
	margin:12px 0 0 0;
	background:url(Common/bg-quote.png) no-repeat;
	}

blockquote p {
	margin:2px 0;
	}
	
fieldset {
	padding:15px;
	}
	
legend {
	color:#333333;
	padding:5px 3px 10px 3px;	
	}
	
input, textarea, option, select {
	font-weight: bold;
	font-size: 10pt;
	color: Navy;
}

img {
	border: 0px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	HEADINGS 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
	
h1, h2, h3, h4, h5, h6 {
	margin:5px 0;
}

h1 { font-size: 1.6em; }

h2 { font-size: 1.3em; }

h3 { font-size: 1.1em; }

h4 { font-size: 0.9em; }

h5 { font-size: 0.8em; }

h6 { font-size: 0.7em; }


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LINKS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a {
	color: Blue;
	font-size: 10pt;
	text-decoration: none;
}

a:hover {
	color: #33a8d2;
	text-decoration: underline;
}

a.CmdButton {
	font-weight: bold;
}

a.CmdButton:hover {
	text-decoration: underline | overline;
}

a.xSmall {
	font-size: 7pt;
}
a.Small {
	font-size: 8pt;
}

a.Mid {
	font-size: 11pt;
}

a.Large {
	font-weight: bold;
	font-size: 13pt;
}

a.xLarge {
	font-weight: bold;
	font-size: 16pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	LABELS & SPANS

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

label.Small {
	font-weight: bold;
	font-size: 8pt;
	color: gray;
}

span.Small {
	font-weight: normal;
	font-size: 8pt;
	color: gray;
}

span.Mid {
	font-weight: normal;
	font-size: 10pt;
	color: gray;
}

label.Mid {
	font-weight: normal;
	font-size: 10pt;
	color: gray;
}

span.PageTitle {
	font-weight: bold;
	font-size: 12pt;
	color: Navy;
}

span.Labels {
	font-weight: bold;
	font-size: 9pt;
}

label.Labels {
	font-weight: bold;
	font-size: 9pt;
}

span.Error {
	font-size: 9pt;
	color: Red;
}

label.Error {
	font-size: 9pt;
	color: Red;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Navigation Pane

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

table.NavPane{}

#Navigation a {
	font-weight: bold;
	font-size: 9pt;
	color: Brown;
}

#Navigation a:hover {
	font-weight: bold;
	font-size: 9pt;
	color: Red;
	text-decoration: underline;
}

#Navigation td.NavBegin {
	font-size: xx-small;
	width: 25px;
	height: 20px;
}

#Navigation td.NavEnd {
	font-size: xx-small;
	width: 18px;
	height: 20px;
}

#Navigation td.Nav1 {
	font-size: xx-small;
	height: 40px;
	width: 10px;
}

#Navigation td.Nav2 {
	height: 40px;
}

#Navigation td.Nav3 {
	font-size: xx-small;
	height: 40px;
	width: 14px;
	background-image: url(Skin/Nav3.png);
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ARTICLES Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.Articles {
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
}

hr.Articles {
    width: 95%;
    margin: 0px;
    padding: 0px;
}

a.ArticleTitle {
	font-weight: bold;
	font-size: 10pt;
}

a.ArticleTitle:hover {
	font-weight: bold;
	font-size: 10pt;
	text-decoration: underline;
}

p.Articles {
	font-weight: normal;
	font-size: 10pt;
	color: Black;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
}

label.AuthorName {
	font-weight: bold;
	font-size: 9pt;
	color: navy;
}

span.AuthorName {
	font-weight: bold;
	font-size: 9pt;
	color: navy;
}

a.AuthorName {
	font-weight: bold;
	font-size: 10pt;
	color: Navy;
}

a.AuthorName:hover {
	font-weight: bold;
	font-size: 10pt;
	color: blue;
}

label.AuthorPosition {
}

table.ArticlesAuthorsBlock {
	width: 130px;
	text-align: center;
}

td.ArticleTitlesList {
	border-right: lightgrey 2px dashed;
	width: 150px;
}

td.ArticleArchiveCat {
	border-left: lightgrey 2px dashed;
	padding-left: 5px;
	text-align: center;
	width: 120px;
}

td.ArticleArchiveTitles {
	width: 65%;
}

td.ArticleCats {
	border-left: lightgrey 2px dashed;
	width: 130px;
}

img.ArticleAuthorPrint {
	float: left;
	border: 0px;
	margin: 5px 5px 5px 10px;
}

img.ArticleAuthor {
	float: left;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
	border: dashed 2px gray;
	margin: 5px 5px 5px 10px;
}

img.ArticleAuthorOver
{
	float: left;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	border: solid 2px gray;
	margin: 5px 5px 5px 10px;
}

hr.ArticleUsersComment {
	width: 70%;
	border: 1;
	height: 1px;
	color: Gray;
	text-align: right;
	border-style: dashed;
	background-color: Gray;
	margin: 2px 0px 2px 0px;
}

label.ArticleUsersCommentTitle {
	font-weight: bold;
	font-size: 13pt;
	color: Navy;
}

label.ArticleUsersCommentName {
	font-weight: bold;
	font-size: 12pt;
	color: Gray;
}

p.ArticleUsersCommentDetails {
	margin: 5px 0px 5px 0px;
	font-size: 13pt;
	text-align: justify;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	NEWS Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.News {
    text-align: left;
    margin: 0px;
    padding: 0px;
    margin-right: 5px;
}

hr.News {
    width: 95%;
    margin: 0px;
    padding: 0px;
}

a.NewsHeadline {
	font-weight: bold;
	font-size: 10pt;
}

a.NewsHeadline:hover {
	font-weight: bold;
	font-size: 10pt;
}

p.News {
	font-weight: normal;
	font-size: 10pt;
	color: black;
	text-align: justify;
	margin-top: 5px;
	margin-bottom: 5px;
}

td.NewsTitlesList {
	padding-left: 40px;
	border-right: lightgrey 2px dashed;
	width: 150px;
}

td.NewsViewed {
	padding-right: 45px;
}

table.ArchivedNews {
	padding-left: 50px;
	padding-right: 30px;
}

img.NewsImagePrint {
	float: left;
	border: 0px;
	margin: 5px 5px 5px 10px;
}

img.NewsImage {
	float: left;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
	border: dashed 2px gray;
	margin: 5px 5px 5px 10px;
}

img.NewsImageOver
{
	float: left;
	-moz-opacity: 1;
	filter:alpha(opacity=100);
	border: solid 2px gray;
	margin: 5px 5px 5px 10px;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	VIEW TOPIC Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

label.TitleViewed {
	font-weight: bold;
	font-size: 12pt;
	color: sienna;
	text-decoration: none;
}

span.TitleViewed {
	font-weight: bold;
	font-size: 12pt;
	color: Navy;
	text-decoration: none;
}

label.TopicAuthor {
	font-weight: bold;
	font-size: 11pt;
	color: Navy;
	text-decoration: none;
}

label.TopicViewed {
	color: Navy;
	font-size: 13pt;
	font-weight: bold;
}

a.TopicViewed {
	font-size: 11pt;
	font-weight: bold;
}

a.TopicViewed:hover {
	font-weight: bold;
	font-size: 11pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Events Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/ 

a.Events {
	font-size: 10pt;
	font-weight: bold;
}

a.EventCategory {
	font-size: 10pt;
	font-weight: bold;
}

span.Events {
	font-weight: bold;
	font-size: 10pt;
	color: Black;
}

label.EventsDate {
	font-size: 9pt;
	color: red;
}

label.EventsLocation {
	font-size: 9pt;
}

span.EventContactTitle {
	font-weight: bold;
    font-size: 11pt;
	color: Blue;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Portals List Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

a.PortalsModule {
	font-weight: bold;
	font-size: 8pt;
}

a.PortalsModule:hover {
	font-weight:bold;
	font-size: 8pt;
}


/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Web Links Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

label.WebLinksHead {
    font-weight: bold;
    font-size: 10pt;
}

a.WebLink {
	font-weight: bold;
	font-size: 8pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Menu Control

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#Menu {
    padding: 0px;
    width: 200px;
    text-align: left;
}

#Menu div.Top {
	background-image: url(Menu/MenuTop.jpg);
	background-repeat: no-repeat;
	height: 50px;
	width: 200px;
	padding: 0px;
}

#Menu div.Rep {
	background-image: url(Menu/MenuRep.jpg);
	background-repeat: repeat-y;
	padding: 0px;
	padding-left: 10px;
}

#Menu div.Down {
	background-image: url(Menu/MenuBottom.jpg);
	background-repeat: no-repeat;
	height: 20px;
	width: 200px;
}

#Menu a {				
	display:block !important;
	margin-left: 5px;	
	background-image: none !important;
	background-repeat: no-repeat;
}

#Menu .Menu {
    font-weight : bold;
    width: 180px;
}

#Menu .MenuNormal {
	color: White;
    font-weight: bold;
}
#Menu .MenuHover {
    color: Yellow;
    font-weight: bold;
}

#Menu .MenuSelected {
    color: Yellow;
    font-weight: bold;
}

#Menu .SubMenu table{			    
	z-index: 1000;
	background-color: #006699;
}

#Menu .SubMenuNormal {			 
	z-index: 1000;
	color: White;
	font-weight: bold;
}

#Menu .SubMenuHover {
	z-index: 1000;
    color: Yellow;
    font-weight: bold;
}

#Menu .SubMenuSelected {
	z-index: 1000;
    color: Yellow;
    font-weight: bold;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SettingsMenu Control

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#SettingsMenu .Menu {
    font-weight : bold;
    width: 140px;
}

#SettingsMenu .MenuNormal {
    border: 1px solid transparent;
    font-weight: bold;
}

#SettingsMenu .MenuHover {
    border: 1px solid red;
    color: red;
}

#SettingsMenu .SubMenu table{			    
}

#SettingsMenu .SubMenu a {
	border-style: none;
}

#SettingsMenu .SubMenuNormal {			 
	padding: 3px;
	font-weight: bold;
}

#SettingsMenu .SubMenuHover {
    font-weight: bold;
	padding: 3px;
    color: Red;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	ModulesAddingMenu Control

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#ModulesAddingMenu .Menu {
    font-weight : bold;
    width: 140px;
}

#ModulesAddingMenu .MenuNormal {
    border: 1px solid transparent;
    font-weight: bold;
}

#ModulesAddingMenu .MenuHover {
    border: 1px solid red;
    color: red;
}

#ModulesAddingMenu .SubMenu table{			    
}

#ModulesAddingMenu .SubMenu a {
	border-style: none;
}

#ModulesAddingMenu .SubMenuNormal {			 
	padding: 3px;
	font-weight: bold;
}

#ModulesAddingMenu .SubMenuHover {
    font-weight: bold;
	padding: 3px;
    color: Red;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Footer Control

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

#FooterRep {
	background-color: #d9d9d9;
}

#FooterTile {
	font-size: xx-small;
	height: 15px;
	background-color: #b3b3b3;
}

#Footer Label {
	font-weight: normal;
	font-size: 8pt;
	color: Navy;
}

#Footer Span {
	font-weight: bold;
	font-size: 9pt;
	color: Navy;
}

#Footer a {
	font-weight: bold;
	font-size: 9pt;
	color: Navy;
}

#Footer a:hover {
	font-weight: bolder;
	font-size: 9pt;
	color: Blue;
	text-decoration: none;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Download Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

table.Downloads{
	padding: 2px 4px 2px 4px;
	text-align: left;
}

A.DownloadCat {
	font-weight: bold;
	font-size: 11pt;
	color: Navy;
}

A.DownloadSubCat {
	font-weight: bold;
	font-size: 9pt;
	color: Orange;
}

A.Download {
	font-weight: bold;
	font-size: 9pt;
}

td.DownloadDesc {
	text-align: justify;
}

label.DownloadDesc {
	font-size: 10pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Language Drop Down Style

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.LangDropDown {
	font-weight: normal;
	font-size: 8pt;
	background-color: lightskyblue;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	SEND PAGE URL

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

Table.SendUrl {
	width: 100%;
	background-color: #d5dcea;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	CUSTOM PAGER

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.PagerContainerTable {
	border-right: #333333 1px solid;
	border-top: #333333 1px solid;
	border-left: #333333 1px solid;
	color: #d1d1e1;
	border-bottom: #333333 1px solid;
	background-color: #FFFFFF;
}

.PagerInfoCell {
	padding-right: 6px;
	padding-left: 6px;
	padding-bottom: 3px;
	font: bold 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
	color: #f0f1f2;
	padding-top: 3px;
	white-space: nowrap;
	background-color: #990000;
	font-weight:normal;
}

.PagerInfoCell:link {
	color: #ffcc66;
	text-decoration: none;
}

.PagerInfoCell:visited {
	color: #ffcc66;
	text-decoration: none;
}

.PagerCurrentPageCell {
	color: #990000;
	background-color: #FFFF99;
}

.PagerOtherPageCells {
	background-color: #f0f1f2;
}

.PagerSSCCells {
	background-color: #cccccc;
}

.PagerHyperlinkStyle {
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

.PagerHyperlinkStyle:hover {
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

.PagerHyperlinkStyle:link {
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

.PagerHyperlinkStyle:visited {
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

.PagerHyperlinkStyle:active {
	color: #000000;
	text-decoration: none;
	font: 11px arial, verdana, geneva, lucida, 'lucida grande' , arial, helvetica, sans-serif;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	IMAGE GALLERY

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

div.ImageGallery
{
    border-right: 1px solid;
    padding-right: 5px;
    border-top: 1px solid;
    padding-left: 5px;
    padding-bottom: 5px;
    overflow: auto;
    border-left: 1px solid;
    width: 100%;
    padding-top: 5px;
    border-bottom: 1px solid;
    height: 100px;
    text-align: left;
}

td.ImageGalleryThumb {
	background-color: #efeff0;
	border: Solid 1px DarkGray;
}

td.ImageGalleryDetails {
}

img.ImageGallery {
	border: 0px;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
}

img.ImageGalleryOver {
	border: 0px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

input.ImageGallery {
	border: 0px;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
}

input.ImageGalleryOver {
	border: 0px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

label.ImageGalleryTitle{
	font-size: 10pt;
	font-weight: bold;
}

label.ImageGalleryDetail{
	color: DimGray;
	font-size: 10pt;
	font-weight: normal;
}

span.ImageGalleryViewer-Title {
	color: Navy;
	font-size: 13pt;
	font-weight: bold;
	text-decoration: underline;
}

label.ImageGalleryViewer-Description {
	font-size: 9pt;
	font-weight: normal;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PERSONALITY MODULE

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

td.PersonalityThumb {
	background-color: #efeff0;
	border: Solid 1px DarkGray;
}

td.PersonalityDetails {
}

td.PersonalitySaid {
	border-right: lightgrey 2px dashed;
	text-align: center;
	width: 175px;
}

td.PersonalityAbout {
	border-left: lightgrey 2px dashed;
	text-align: center;
	width: 175px;
}

img.Personality {
	border: 0px;
	-moz-opacity:0.85;
	filter:alpha(opacity=85);
}

img.PersonalityOver {
	border: 0px;
	-moz-opacity:1;
	filter:alpha(opacity=100);
}

img.PersonalityPrint {
	float: right;
	border: 0px;
	margin: 5px 5px 5px 10px;
}

span.PersonalityTitle {
	color: Brown;
	font-size: 10pt;
	font-weight: bold;
}

label.PersonalityTitle {
	color: Brown;
	font-size: 10pt;
	font-weight: bold;
}

label.PersonalityName {
	font-size: 10pt;
	font-weight: bold;
}

label.PersonalityDetail {
	color: DimGray;
	font-size: 10pt;
	font-weight: normal;
}

a.PersonalityView {
    font-size: 10pt;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	Poll Module

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.Poll {
    color: Gray;
    font-size: 9pt;
}

.PollQuestion {
    color: Navy;
    font-size: 11pt;
}

.PollItem {
    color: Black;
}

.PollButton {
    width: 100px;
    height: 27px;
}

.PollPercentageFore {
    background-color: #3366FF;
}

.PollPercentageBack {
    background-color: #DDDDDD;
}

.PollPercentageValue {
    font-size: 8pt;
    font-weight: bold;
    color: #666666;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	AJAX Toolkit

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

.dynamicPopulate_Normal
{
	border:silver 1px inset;
	padding:2px;
	text-align:center;
	height:2em;
	margin:5px;
	width:200px;
}

.dynamicPopulate_Updating 
{
	background-image:url(images/Progress.gif);
	background-repeat:no-repeat;
	border:silver 1px inset;
	text-align:center;
	padding:2px;
	height:2em;
	margin:5px;
	width:200px;
}

.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

/* Accordion */
.accordionHeader
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #2E4d7B;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeader a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeader a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionHeaderSelected
{
    border: 1px solid #2F4F4F;
    color: white;
    background-color: #5078B3;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
	font-weight: bold;
    padding: 5px;
    margin-top: 5px;
    cursor: pointer;
}

.accordionHeaderSelected a
{
	color: #FFFFFF;
	background: none;
	text-decoration: none;
}

.accordionHeaderSelected a:hover
{
	background: none;
	text-decoration: underline;
}

.accordionContent
{
    background-color: #D3DEEF;
    border: 1px dashed #2F4F4F;
    border-top: none;
    padding: 5px;
    padding-top: 10px;
}

/* Styles for the Animation Reference */
.animationReferenceTable
{
}

.animationReferenceRow
{
}

.animationReferenceField
{
	text-align: right;
	vertical-align: top;
	padding-top: 5px;
}

.animationReferenceCode
{
	margin-top: 5px;
	vertical-align: top;
	font-family: 'Courier New', Monospace;
	font-style: normal;
	font-weight: bold;
	
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
	margin-bottom: 5px;
}

.animationReferenceItems
{
	vertical-align: top;
}

.animationReferenceItemTable
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItemRow
{
	width: 100%;
	padding: 0px;
	margin: 0px;
}

.animationReferenceItem
{
	width: 100%;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
}

.animationReferenceItemCode
{
	display:block;
	background-color:#FFF;
	color:#000;
	font-family:'Courier New', Monospace;
	font-size:0.9em;
	font-style:normal;
	font-weight: bold;
}

/*AutoComplete flyout */

.autocomplete_completionListElement 
{  
	visibility : hidden;
	margin : 0px!important;
	background-color : inherit;
	color : windowtext;
	border : buttonshadow;
	border-width : 1px;
	border-style : solid;
	cursor : 'default';
	overflow : auto;
	height : 200px;
    text-align : left; 
    list-style-type : none;
}

/* AutoComplete highlighted item */

.autocomplete_highlightedListItem
{
	background-color: #ffff99;
	color: black;
	padding: 1px;
}

/* AutoComplete item */

.autocomplete_listItem 
{
	background-color : window;
	color : windowtext;
	padding : 1px;
}

/*Textbox Watermark*/

.unwatermarked {
	height:20px;
}

.watermarked {
	height:20px;
	padding:2px 0 0 2px;
	border:1px solid #BEBEBE;
	background-color:#F0F8FF;
	color:gray;
}	

/*CallOut*/
.validatorCalloutHighlight
{
    background-color: lemonchiffon;
}

/*Modal Popup*/
.modalBackground {
	background-color:Gray;
	filter:alpha(opacity=70);
	opacity:0.7;
}

/*Reorder List*/
.dragHandle {
	width:10px;
	height:15px;
	background-color:Blue;
	background-image:url(images/bg-menu-main.png);
	cursor:move;
	border:outset thin white;
}

.callbackStyle {
	border:thin blue inset;		
}

.callbackStyle table {
	background-color:#5377A9;	
	color:Black;
}


.reorderList li {
	list-style:none;
	margin:2px;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.dragVisualContainer li  {
    list-style:none;
	background-image:url(images/bg_nav.gif);
	background-repeat:repeat-x;
	color:#FFF;
}

.reorderList li a {color:#FFF !important; font-weight:bold;}

.reorderCue {
	border:dashed thin black;
	width:100%;
	height:25px;
}

.itemArea {
	margin-left:5px;
	font-family:Arial, Verdana, sans-serif;
	font-size:1em;
	text-align:left;
}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	jQuery UI

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* Component containers
----------------------------------*/
.ui-widget { font-family: Arial, sans-serif; font-size: 1.1em; }
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Arial, sans-serif; font-size: 1em; }
.ui-widget-content a { color: Blue; font-size: 10pt; text-decoration: none; }
.ui-widget-content a:hover { color: #33a8d2; text-decoration: underline; }

/* Tabs
----------------------------------*/
.ui-tabs .ui-tabs-nav li { position: relative; float: left; border-bottom-width: 0 !important; margin: 0 .2em -1px 0; padding: 0; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; padding: .5em 1em; }

/* Dialog
----------------------------------*/
.ui-dialog .ui-dialog-titlebar { padding: .5em .3em .3em 1em; position: relative;  }
.ui-dialog .ui-dialog-title { float: left; margin: .1em 0 .2em; } 
.ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; }
.ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; }

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*

	PRINT MEDIA

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

@media print {	

    body {
        border-bottom: 1px solid #FFFFFF;
        color: #FFFFFF;
        background: #FFFFFF !important;
        font-size: 9pt;
        line-height: 11pt;
    }
}