/*
   This stylesheFet defines core attributes for the portal 
*/

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */

/*
body  {
	margin: 0px;
	padding: 0px;

	background: #FFFFFF;
        font-size: 12pt !important;
	font-size: size; 
	font-family: arial, helvetica, verdana, sans-serif;
}
*/

html,body {
     /* font:small/1.22em;*/
line-height: 1.22em;
font-size: 10pt;
	font-family: arial, helvetica, verdana, sans-serif;

}

img {
}


a {
	text-decoration: none;
 /*               font-family: arial, helvetica, verdana, sans-serif;
	color: #555;
	text-decoration: none;
 */
}


div.metadot_content a:link { color:#000; text-decoration: none;}
div.metadot_content a:visited { color:#000; text-decoration: none;}
div.metadot_content a:hover { text-decoration: underline; }

/*
.tagCatPathClass a:link , .links_panel a:link { color:#000; text-decoration: none;}
.tagCatPathClass a:visited, .links_panel a:visited { color:#000; text-decoration: none;}
.tagCatPathClass a:hover, .links_panel a:hover { text-decoration: underline; }
a.navmenu:link span, a.navmenu:visited span { color:#fff; text-decoration: none;}
*/

a.navmenu:hover {
	text-decoration: none;
}

a.navmenu:hover span {
	text-decoration: underline;
}

a.navmenu:hover {text-decoration: none !important;text-decoration:underline;}


a img {
	border: none;
}

h3,h4,h5 {
	/*margin-bottom: .25em;*/
}

h3 {
	color: #333;
}

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

form {
	padding: 0;
	margin: 0;
}

input, textarea, select {
 	padding: 2px;
	margin: 0px 0px;
}

/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  PORTAL-WIDE PAGE LAYOUT	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */

/*
#header {
	padding: 0px 0px 0px 0px;
}

#header {
	background-color: #FFFFFF;	
}

#header h1, #header h1 a {	
	display: inline;
	font: bold 100% georgia, times, serif;	
	margin: 0;	
	padding: 0;	
	color: #eee;
}

#header h1.etc {	
	font: bold 100% georgia, times, serif;	
	margin: 0;	
	padding: 0;	
	color: #eee;
}
*/

#header h2, #header h2, #header h2 a {	
	color: #eee;
}

/* topnav is the blue line below the logo with the names of the top pages */

#topnav {
  	border-top: 1px solid #FFFFFF;
	background: /*url("../images/topnav_bg.jpg")*/ repeat-y #DBE8F9;	
	padding: 3px 20px 3px 30px;
}

#topnav a {
	color: #727378;
	background: transparent;
	border-right: 1px solid #A1C6FD;
	padding: 3px 8px;
}

#topnav a:hover {
	color: #727378;
	background: #FFFFFF;
	border-right: 1px solid #A1C6FD;
}

#topnav a.firsta {
	border-left: 1px solid #ddd;
}

.topnone {
	display: none;
}


#container {
	margin: 0px;
	padding: 0px;
	border: 0px;
	background: #FFFFFF;
}

#navcont {
	width: 220px;
	/*height: 100%;*/
	background: #FFFFFF;
   border-top-width: 1px;
    border-top-style: solid;
    border-top-color: rgb(221, 221, 221);
}

#navmenu {
     border-top: 50px solid #ddd;
}

DIV.navmenu {
	padding: 3px 7px 3px 7px;
/*line-height: 100%; */
	border-bottom: 1px solid rgb(35,111,173); /*#ddd;*/
	background: rgb(84,143,191);
	
}

a.navmenu span {
	letter-spacing: 0.15em;
        color: #FFFFFF;
        text-decoration: none;
	display: inline;
	font-weight: normal;
        font-size: 85%;
}



#menucont {
	border-bottom: 1px solid #eee;
	color: #eee;
	background: #555;
}



#maincont {
	margin: 0px 0px 0px 0px;
	padding: 0px 5px 10px 10px;

	/*color: #334;*/
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

#maincont strong {
	font-weight: bold;
}

#maincont a {
	text-decoration: none;
	color: inherit; /*color: #666;*/
	border-bottom: 1px dotted #666;
}

#maincont a:hover {
	text-decoration: underline;
	color: inherit; /*color: #e60;*/
	border-bottom: 1px dotted #666;
}

#maincont a.icon {
	text-decoration: none;
	color: inherit; /*color: #666;*/
	border: none;
}

#maincont span.date {
	border: 1px solid #bbb;
	color: #e60;
	background: #eee;
	padding: 1px 4px;
	position: relative;
	top: -4px;
	left: -18px;
	font-weight: bold;
	}

#maincont span.bread {
	border: 1px solid #bbb;
	color: #555;
	background: #eee;
	padding: 1px 4px;
	position: relative;
	top: -6px;
	left: -16px;
	font-weight: bold;
}

#maincont span.archive {
	display: block;
	margin: 5px 0 0;
}

#maincont h1 {	
	font-size: 100%;	
	font-family: sans-serif, helvetica, arial;	
	color: #333;
}

#maincont p {
 	margin: 10px 0px;
}




#sidebar {
	width:200px;
	height: 100%;
	margin: 0px 0px 10px 10px;
	padding: 0px;
	color: #334;
	background: #FFFFFF;
	border-left: 1px solid #999;
}


#sidebar h2 {
	margin: 0;
	padding: 2px 5px 5px 20px;
	font-weight: bold;
	color: #eee;
	background: #666;
	border: 0 none;
}

#sidebar h3 {
	margin: 0;
	padding: 2px 5px 5px 10px;
	color: #dfdfff;
	font-weight: normal;
	background: #666;
	border: 0 none;
}

#sidebar a {
	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #555;
	margin: 0;
	font-weight: bold;
}

#sidebar h2 a {
	text-decoration: none;
      	color: #eee;
}

#sidebar h2 a:hover {
	color: #ccc;
	background: transparent;
}

html>body #sidebar a {}

#sidebar a:hover {	
	text-decoration: none;
	color: #444;
	background: #dde;
}


.sidebar_element {
	padding: 1em 0 1em 0;
	border-bottom: thin solid #D6D4AA;
}




.blok {
	border: 1px solid #bbb;
	padding: 5px 9px;
	background: #fafafa;
}

.halfblok {
	border: 1px solid #bbb;
	padding: 2px 2px 2px 2px;
	background: #fafafa;
}

.nonblok {
	border: none;
	padding: 5px 4px;
	background: none;
}

.footer  {
	clear: both;
	margin-top: 10px;
	padding: 3px;
	border-top: 1px solid #333;
	color: #333;
	text-align: center;
                font-size: 8pt;
                font-family: arial, helvetica, verdana, sans-serif;
}

.footer a {
	font-weight: normal;
	text-decoration: none;
                font-size: 8pt;

}

.footer a:hover {
	font-weight :normal;
	text-decoration: none;
}

.footer .date {
	float: left;
	text-align: left;
}

.footer .other {
	float: right;
	text-align: right;
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  SPECIAL-PURPOSE ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.report {
	margin-bottom: 1em;
}

TABLE.report {
	border-collapse: collapse;
}

TR.report {
	vertical-align: baseline;
}

.report .header, THEAD.report, TH.report {
	background-color: #DDDDDD;
	border: #DDDDDD 1px solid;
	font-weight: bold;
	padding: 4px;
}

.report .body, TD.report, TD.body {
	border: #DEDEDE 1px solid;
	padding: 2px;
}

.report .footer, TFOOT.report {
	background-color: #DDDDDD;
}

.selected_row {
	background-color: #EEEEFF;
}

img.icon {
	display: inline;
	text-decoration: none;
}

a.text_button, input.text_button, button.text_button, #maincont a.text_button {
	display: inline; text-align: center;
	padding: 2px 2px 2px 2px;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	margin: 2px 2px 0px 2px;
	color: #111188;
	text-decoration: none;
	font-size: 85%;
}

DIV.text_button {
	margin: 2px 0px 2px 0px;
	line-height: 200%; 
}

A.text_button {
	line-height: 300%; 
}

A.text_button:hover {
	color: #6666EE;
 }

A.text_button:visited {
}

.text_button_disabled {
	text-align: center;
	padding: 2px;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	margin: 2px;
	color: #9999FF;
	text-decoration: none;
	font-size: 85%;
}


#admin_bar {
	background-image: url(/images/obj/webbuilder.gif);
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 2em;
	text-align: right;
}

#admin_bar .text_button {
	background-color: #000088;
	color: white;
}

DIV.marquee {
	border: thin dashed #ccc;
	padding: 3px;
	margin:  3px;
}


/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOS						          ==
   ==        						          ==
   =================================================================
   ================================================================= */


.item {
	display: list-item;
	margin-left: 2em;
	margin-bottom: .5em;
}

.item .element_url {
	font-size: 75%; color: #666;
}

div.section {
	padding-bottom: .5em;	
	margin-bottom: .5em;
}

h2.section {
	margin: 0px 0px 3px 0px;
	padding: 3px 21px;
	font-size: 110%;
	color: #333;
	background:  no-repeat 2px 4px #DDF;
	border: 1px solid #bbb;
}

div.site_library {
	padding: 2em;
}

.poll_question {
	font-weight: bold;
}



.discussion {
	border-bottom: thin solid #D6D4AA;
}

span.calendar  {
	width: 150px;

	text-decoration: none;
	border-bottom: 1px solid #fff;
	color: #555;
	background: #FFFFE2; /* #D6D4AA; */
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}

span.calendar a {
	color: #000;
	background: #EDECDA;
	font-size: 85%;
}

span.info {	
	text-decoration: none;
	/* border-bottom: 1px solid #fff; */
	color: #000000;
	background: #FFFFE2; /* #D6D4AA; */
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}

span.info a {
	text-decoration: none; 
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #FFFFE2; /* #D6D4AA; */
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: normal;
	border-bottom: none;
}

span.info a:hover {
	text-decoration: none; 
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #FFFFE2;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: bold;
	border-bottom: none;
}





/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  ELEMENT ATTRIBUTES					  ==
   ==        						          ==
   =================================================================
   ================================================================= */


.element_name, A.element_name {
	font-weight: bold;
 }	

.element_attachment {
	font-size: 75%;
}



/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  LAYOUT AREA ELEMENTS - Used when the Page Layout feature   ==
   ==                         is in use
   ==        						          ==
   =================================================================
   ================================================================= */

div.layout {
}

table.layout {
}

tr.layout {
	vertical-align: top;
}

td.layout {
	text-align: left;
	vertical-align: top;
}

/*
.vertical_separator {
	background: url('/images/dot_1px_5x5.gif') repeat-y top center;
}

.horizontal_separator {
	background: url('/images/dot_1px_5x5.gif') repeat-x middle left;
}
*/

div.layout_area {
	padding: 0 .5em .5em .5em;
}

/* dimensions for specific layouts */

#layout_1 #layout_area_1 {
	width: 100%;
}

#layout_2 #layout_area_1 {
	width: 200px;
}

#layout_2 #layout_area_2 {
	width: 480px;
}

#layout_3 #layout_area_1 {
	width: 480px;
}

#layout_3 #layout_area_2 {
	width: 200px;
}

#layout_4 #layout_area_1 {
	width: 140px;
}

#layout_4 #layout_area_2 {
	width: 400px;
}

#layout_4 #layout_area_3 {
	width: 140px;
}

#layout_5 #layout_area_1 {
	width: 225px;
}

#layout_5 #layout_area_2 {
	width: 230px;
}

#layout_5 #layout_area_3 {
	width: 225px;
}

#layout_6 #layout_area_1 {
	width: 480px;
}

#layout_6 #layout_area_2 {
	width: 240px;
}

#layout_6 #layout_area_3 {
	width: 240px;
}

#layout_6 #layout_area_3 {
	width: 200px;
}





/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  MISCELLANEOUS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */


.caption {
	font-style: italic;
}
     
.smalltitle {
	color: #333;
	text-align: center;
	}


.smaller {
	font-size: 75%;
}

.none {
	display: none;
}

/* used in polls, faq's  */
.question {
	font-weight: bold;
}

/* used in polls, faq's  */
.response {
}


DIV.transitional_form, DIV.transitional_simple {
	margin: 2em;
	text-align: left;
	padding: 1em;
}
/*
   This stylesheet defines core attributes for the portal. Many
   classes are defined, but have no attributes. These are included
   as pointers for authors of new skins.
   
   If you are modifying this stylesheet for a new skin, this file
   should ONLY include the classes that you intend to modify. The
   portal uses the 'cascade' feature of CSS to allow your stylesheet
   to inherit the styles from the parent (or base) skin.
*/


/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */


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

a img {
	border: none;
}





/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  PORTAL-WIDE PAGE LAYOUT	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */



.footer_left {
	float: left;
}

.footer_right {
	float: right;
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  SPECIAL-PURPOSE ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.report {
}

TABLE.report {
	border-collapse: collapse;
}

TR.report {
	vertical-align: baseline;
}


/* in a list, if a row is to be selected */
.selected_row {
}

img.icon, a.icon {
	display: inline;
	text-decoration: none;
	border: none;
}


.text_button, .text_button_disabled {
	display: inline; text-align: center;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	
	font-size: 85%;
	font-family: Verdana, Arial, san-serif;
	font-weight: normal;
	
	white-space: nowrap;
}

div.text_button, div.text_button_disabled,
span.text_button, span.text_button_disabled,
a.text_button, a.text_button_disabled
{
	padding: 4px 5px 3px 5px;
	margin: 2px 2px 0px 2px;
	
	line-height: 250%;
	text-decoration: none;
	text-align: center;
}

a.text_button_attention {
	padding: 4px 5px 3px 5px;
	margin: 2px 2px 0px 2px;
	text-decoration: none;

	display: inline; text-align: center;
	background-color: #D7E7D4;
	border: #9999CC 1px solid;
	
	font-size: 85%;
	font-family: Verdana, Arial, san-serif;
	font-weight: normal;
}

a.unsubscribe_text_button {
	padding: 4px 5px 3px 5px;
	margin: 2px 2px 0px 2px;
	
	line-height: 250%;
	background-color: #DDDDFF;
	border: #9999CC 1px solid;
	
	text-decoration: none;
	text-align: center;
}

.text_button {
	color: #111188;
}

.text_button_disabled {
	color: #9999FF;
}

A.text_button:hover {
	color: #6666EE;
	text-decoration: none;
 }

A.text_button:visited {
	text-decoration: none;
}


#admin_bar {
	background-image: url(/images/obj/webbuilder.gif);
	height: 30px;
	line-height: 30px;
	vertical-align: middle;
	padding-right: 2em;
	text-align: right;
}

#admin_bar .text_button {
	background-color: #000088;
	color: white;
}


/* used by some gizmos to show themselves in edit mode */
DIV.marquee {
	border: thin dashed #ccc;
	padding: 3px;
	margin:  3px;
}


/* used in search results */
DIV.search_result_group_results {
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOS						          ==
   ==        						          ==
   =================================================================
   ================================================================= */

/* this is the container of all gizmos */
.item {
	display: list-item;
	margin-left: 2em;
}

.item .element_url {
	font-size: 75%; color: #666;
}

div.section {
	padding-bottom: .5em;	
	margin-bottom: .5em;
}

div.site_library {
	padding: 2em;
}


/* we're cheating for now with calendar, because the display logic is so complicated */
.calendar {
}

.calendartitle, A.calendartitle {
}



.poll_question {
	font-weight: bold;
}







/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  ELEMENT ATTRIBUTES					  ==
   ==        						          ==
   =================================================================
   ================================================================= */

.element_name, A.element_name {
	font-weight: bold;
}	

.element_attachment {
	font-size: 75%;
}



/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  GIZMOTAGS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */

.welcomesub {
	font-style: italic; color: inherit; /*font-size: .9em;*/
}

.welcomesub a {
  	border-bottom: 1px dotted #666;
}

.tagCatPathClass, .links_panel {
	font-size: 85%;
	padding: 2px;
}


.tagFortuneClass {
	font-style: italic;
        font-variant: small-caps;
}

#login_form {
	width: 50%;
}


/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  LAYOUT AREA ELEMENTS - Used when the Page Layout feature   ==
   ==                         is in use
   ==        						          ==
   =================================================================
   ================================================================= */

div.layout {
}

table.layout {
}

tr.layout {
	vertical-align: top;
}

td.layout {
	text-align: left;
	vertical-align: top;
}

.vertical_separator {
}

.horizontal_separator {
}

div.layout_area {
}

/* dimensions for specific layouts */





/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  MISCELLANEOUS					          ==
   ==        						          ==
   =================================================================
   ================================================================= */


.caption { font-style: italic;
}
     
.smalltitle {
	color: #333;
	text-align: center;
	}


.smaller {
	font-size: 75%;
}

.none {
	display: none;
}

/* used in polls, faq's  */
.question {
	font-weight: bold;
}

/* used in polls, faq's  */
.response {
}


DIV.transitional_form, DIV.transitional_simple {
	margin: 2em;
	text-align: left;
	padding: 1em;
}


#metagram_center {
	margin: 2em;
	padding: 1em;
	text-align: left;
}

.metagram_viewer {
	width: 600px;
	padding: 20px;
	
	border: 1px solid black;
	background-color: #ffe;
	
	text-align: left;	
}

.metagram_read {
    text-align: center;
}

.metagram_unread {
    background-color: #DDDDFF;
    border: #9999CC 1px solid;
    text-align: center;
}


.container_element {
    padding-bottom: 1em;
}




/* ================================================================= 
   =================================================================
   ==        						          ==
   ==  Form3000        			                          ==
   ==        						          ==
   =================================================================
   ================================================================= */

form.form_3000 {
    margin: 30px;
    width: 700px;
}

div.form_body {
    border: 1px solid #ccc;
    padding: 15px;
}

div.form_field_container {
    margin-bottom: 1em;
}

.form_field_label {
    font-weight: bold;
}

.required_field_indicator {
    color: red;    
}

div.info_message {
    background-color: #ffd;
    padding: 1em;
    border: 1px solid #300;
    margin: 2em;
}

div.error_message {
    color: #800;
    background-color: #fed;
    padding: 1em;
    border: 2px solid #300;
    margin: 2em;
}

div.error_item {
    display: list-item;
    margin-left: 2em;
}

div.submit_actions {
    text-align: right;
}

.news_item A.element_name {
	text-decoration: none;
	color: #eee;
	display: inline;
	font-weight: bold;
}

.news_item A.element_name:hover {
	text-decoration: none;
	color: #A7A93E;
}

.news_item .element_name {
        
}

.news_item .info h3 {
  font-size: 14px;
  font-weight: bold;
  line-height: 1.22em;
  font-style: normal;
}