/*
   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	 				  ==
   ==        						          ==
   =================================================================
   ================================================================= */

#header {
}

#header h1, #header h1 a {	
}

#header h2, #header h2 a {	
}

#topnav {
}

#topnav a {
}

#topnav a:hover {
}

#topnav a.firsta {
}

#container {
}

#navcont {
}

#navmenu {
}

DIV.navmenu {
}

a.navmenu {
}

a.navmenu:hover {
}

#menucont {
}


#maincont {
}

#maincont .date {
	}


#sidebar {
}

#sidebar h2 {
}

#sidebar h3 {
}

#sidebar h2 a {
}

#sidebar h2 a:hover {
}

#sidebar a {	
}

.sidebar_element {
}

#footer {
}

.footer_left {
	float: left;
}

.footer_right {
	float: right;
}




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

.report {
}

TABLE.report {
	border-collapse: collapse;
}

TR.report {
	vertical-align: baseline;
}

.report .header, THEAD.report, TH.report {
}

.report .body, TD.report, TD.body {
}

.report .footer, TFOOT.report {
}

/* 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: 8pt;
	font-family: Verdana, Arial, san-serif;
	font-weight: normal;
}

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

.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 */
.gizmo { 
}

div.category { 
}

.section {
}

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

div.site_library {
	padding: 2em;
}


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

.calendartitle, A.calendartitle {
}


.poll {
}

.poll_question {
	font-weight: bold;
}

.poll_response {
}

.news_item {
}

.news_item A.element_name {
}

.news_item A.element_name:hover {
}


.discussion {
}

span.calendar  {
}

span.calendar a {
}

span.info {	
}

span.info a {
}






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

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

.element_description {
}

.element_attachment {
	font-size: 75%;
}



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

/* md_welcome */

.tagWelcomeClass, A.welcome, A.welcomesub {
       font-size: 10px;
}
.welcome {}
.welcomesub {
	font-style: italic; font-size: .9em;
}
a.welcomesub:visited {}
a.welcomesub:hover {}
a.welcomesub:active {}
a.welcome:visited {}



.tagCatPathClass, .links_panel {
	font-size: 8pt;
	padding: 2px;
}

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

.tagLoginBoxClass {
	color: #333333;
}

#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 */

#layout_1 #layout_area_1 {
}

#layout_2 #layout_area_1 {
}

#layout_2 #layout_area_2 {
}

#layout_3 #layout_area_1 {
}

#layout_3 #layout_area_2 {
}

#layout_4 #layout_area_1 {
}

#layout_4 #layout_area_2 {
}

#layout_4 #layout_area_3 {
}

#layout_5 #layout_area_1 {
}

#layout_5 #layout_area_2 {
}

#layout_5 #layout_area_3 {
}

#layout_6 #layout_area_1 {
}

#layout_6 #layout_area_2 {
}

#layout_6 #layout_area_3 {
}

#layout_6 #layout_area_3 {
}





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


.caption {
	font-size: 10px; font-style: italic;
}
     
.smalltitle {
	font-size: 12px;
	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;
}