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

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

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

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


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

	Main Style

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

#PortalPage {
	width: 952px;
	height: 320px;
}

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

#ContentUP {
	width: 952px;
	height: 0px;
	padding: 0px;
	font-size: 0px;
}

#Content {
	width: 952px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(Skin/ContentRep.jpg);
	background-repeat: repeat-y;
}

#ContentDown {
	width: 952px;
	padding-right: 0px;
	padding-left: 0px;
	background-image: url(Skin/ContentDown.jpg);
	background-repeat: no-repeat;
	height: 36px;
}

#Navigation {
	height : 40px;
	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: Navy;
	background-color: Navy;
	height: 1px;
	border:0;
	margin: 2px 0px 2px 0px;
}
	
blockquote {
	padding: 0 0 0 14px;
	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;
}

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: 0px;
	height: 37px;
}

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

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

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

#Navigation td.Nav3 {
	font-size: 0px;
	height: 37px;
	width: 0px;
}

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

	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: 9pt;
	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: 190px;
}

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: normal;
	font-size: 12pt;
	color: Navy;
}

label.ArticleUsersCommentName {
	font-weight: normal;
	font-size: 9pt;
	color: Gray;
}

p.ArticleUsersCommentDetails {
	margin: 5px 0px 5px 0px;
	font-size: 9pt;
	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: 5px;
	border-right: lightgrey 2px dashed;
	width: 190px;
}

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: normal;
	font-size: 12pt;
	color: Blue;
}

span.TitleViewed {
	font-weight: normal;
	font-size: 12pt;
	color: Blue;
}

label.TopicAuthor {
	font-weight: normal;
	font-size: 11pt;
	color: Navy;
}

label.TopicViewed {
	color: Navy;
	font-size: 12pt;
	font-weight: normal;
}

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

a.TopicViewed:hover {
	font-weight: normal;
	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

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

div.CollapseWebLinks {
	width: 185px;
}

div.WebLinksHead {
	color: Navy;
	font-size: 9pt;
	font-weight: bold;
	padding: 2px;
	padding-top: 5px;
	padding-bottom: 5px;
	border: DimGray 1px solid;
	height: 20px;
	background-color: #eeeeee;
}

span.WebLinksBody {
	padding-left: 10px;
	background-color: #f3f3f3;
	text-align: left;
	border: solid 1px lightgrey;
}

div.WebLinksTab {
	height: 20px;
}

div.WebLinksSplit {
	width: 100%;
	height: 1px;
}

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

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

	Menu Control

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

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

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

#Menu div.Rep {
	background-color: #e1efff;
	padding: 0px;
	padding-left: 5px;
}

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

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

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

#Menu .MenuNormal {
	color: Navy;
    font-weight: normal;
}

#Menu .MenuHover {
    color: #0053f2;
    font-weight: normal;
}

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

#Menu .SubMenu table{			    
	background-color: #e1efff;
}

#Menu .SubMenuNormal {			 
	color: Navy;
	font-weight: normal;
}

#Menu .SubMenuHover {
    color: #0053f2;
    font-weight: normal;
}

#Menu .SubMenuSelected {
    color: #0053f2;
    font-weight: normal;
}

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

	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: #19469c;
}

#FooterTile {
	font-size: xx-small;
	height: 0px;
}

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

#Footer Span {
	font-weight: normal;
	font-size: 9pt;
	color: White;
}

#Footer a {
	font-weight: normal;
	font-size: 9pt;
	color: White;
}

#Footer a:hover {
	font-weight: normal;
	font-size: 9pt;
}

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

	Download Module

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

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

A.DownloadCat {
	font-weight: bold;
	font-size: 10pt;
	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: Navy;
	font-weight:normal;
}

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

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

.PagerCurrentPageCell {
    color: #990000;
    background-color: #00FFFF;
}

.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;
}

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

	AJAX Toolkit

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* 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;
}

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

	CONTENT GLINDER

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

.glidecontentwrapper {
    position: relative; /* Do not change this value */
    border-width: 0px;
    overflow: hidden;
}

/*
	Total wrapper width: 350px+5px+5px=360px
	Or width of wrapper div itself plus any left and right CSS border and padding
	Adjust related containers below according to comments
*/

.glidecontent{ /*style for each glide content DIV within wrapper.*/
position: absolute; /* Do not change this value */
background: white;
padding: 10px;
visibility: hidden;
}
/*
 Total glidecontent width: 330px+10px+10px=350px
	Or width of wrapper div itself (not counting wrapper border/padding)
*/

.glidecontenttoggler{ /*style for DIV used to contain toggler links. */
margin-top: 6px;
text-align: center; /*How to align pagination links: "left", "center", or "right"
background: white; /*always declare an explicit background color for fade effect to properly render in IE*/
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.glidecontenttoggler a{ /*style for every navigational link within toggler */
display: -moz-inline-box;
display: inline-block;
border: 1px solid black;
color: #2e6ab1;
padding: 1px 3px;
margin-right: 3px;
font-weight: bold;
text-decoration: none;
}

.glidecontenttoggler a.selected{ /*style for selected page's toggler link. ".selected" class auto generated! */
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a:hover{
background: #E4EFFA;
color: black;
}

.glidecontenttoggler a.toc{ /*style for individual toggler links (page 1, page 2, etc). ".toc" class auto generated! */
}

.glidecontenttoggler a.prev, .glidecontenttoggler a.next{ /*style for "prev" and "next" toggler links. ".prev" and ".next" classes auto generated! */
}

.glidecontenttoggler a.prev:hover, .glidecontenttoggler a.next:hover{
background: #1A48A4;
color: white;
}

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

	PRINT MEDIA

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

@media print {	

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