/*
   This stylesheet defines the Metadot 6 skin.

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

/* ================================================================= 
   =================================================================/skins/AMEICC/images/bgfTopic.jpg 
   ==        						          ==
   ==  STANDARD HTML ELEMENTS				          ==
   ==        						          ==
   =================================================================
   ================================================================= */


body {
	background: #fff;
	font-size: 12px;
	font-family: tahoma, helvetica, arial, verdana, sans-serif;
}

a {
	color: #555;
	font-weight: bold;
	text-decoration: none;
}

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

h3 {
	font-size: 14px;
	color: #333;
}

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

form {
	padding: 0;
	margin: 0;
}

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

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
 	font-size: 11px;
}

td, th {
	font-size: 11px;
	font-family: Tahoma, helvetica, arial, verdana, sans-serif;
}



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

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

#header {
	background-color: #FFFFFF;	
}

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

#header h1.etc {	
	font: bold 36px tahoma, georgia, times, serif;	
	margin: 0;	
	padding: 0;	
	color: #eee;
}

#header h2, #header h2, #header h2 a {	
	display: inline;
	font: bold 12px tahoma, helvetica, arial, sans-serif;
	color: #eee;
}

#topnav {
        position: relative;
        
        border-top: 1px solid #333;
        border-bottom: 1px solid #333;
        background-image: none;
        background-color: #89ADDC;
        padding: 3px 20px 3px 30px;
}       

#topnav a {
        color: #fff;
        background: transparent;
        border-right: 1px solid #ddd;
        padding: 3px 8px;
        font-weight: bold;
        font-size: 11px;
}       

#topnav a:hover {
        color: #fff;
        background: #1C4C89;
        border-right: 1px solid #ddd;
}

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

/*#topnav {
	position: relative; 

	border-top: 1px solid #333;
 	border-bottom: 1px solid #333;
	background-image: none;
	background-color: #ffffff;
	padding: 3px 20px 3px 30px;
}

#topnav a {
	color: #07397c;
	background: transparent;
	border-right: 1px solid #ddd;
	padding: 3px 8px;
	font-weight: bold;
	font-size: 11px;
}

#topnav a:hover {
	color: #07397c;
	background: #d7e1f0;
	border-right: 1px solid #ddd;
}

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

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

#navcont {
	width: 220px;
	height: 100%;

	background: #FFFFFF;
}

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

DIV.navmenu {
	padding: 2px 10px 2px 15px;

	border-bottom: 0px solid #ddd;
	background: #777;
}

a.navmenu {
	text-decoration: none;
	color: #eee;
	display: inline;
	font-weight: bold;
	padding-left: 5px;
}

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



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



#maincont {
	margin: 0px 0px 0px 0px;
	line-height: 140%;
	padding: 0px 5px 10px 10px;
                
	color: #5B5B5B;
	border-top: 1px solid #ddd;
	padding-top: 10px;
}

#maincont a {
	text-decoration: none;
	color: #000000;
	border-bottom: 1px  #666;
}

#maincont a:hover {
	text-decoration: none;
	color: #e60;
	border-bottom: 1px  #666;
}

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

#maincont a.text_button, #maincont a.text_button:hover, #maincont a.text_button:visited {
	border: 1px solid #9999CC;
}

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

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

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

#maincont h1 {	
	font-size: 22px;	
	margin: 5px 0px;	
	padding: 0;	
	font-family: georgia, serif;	
	color: #333;
}

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




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


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

#sidebar h3 {
	margin: 0;
	padding: 2px 5px 5px 10px;
	font-size: 12px;
	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;
}




#footer {
	clear: both;
	margin-top: 10px;
	padding: 3px;
	border-top: 1px solid #333;
	color: #C6D5EE;
	text-align: center;
}

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

#footer a:hover {
	font-weight :bold;
	text-decoration: none;
}

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

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




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

.report {
	margin-bottom: 1em;

	font-size: 10pt;
}

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

.report .body, TD.report, TD.body {
	/* for some reason, #DDDDDD tends to make the right-side border invisible? */
	border: #DEDEDE 1px solid;
	padding: 2px;
}

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

/* in a list, if a row is to be selected */
.selected_row {
	background-color: #EEEEFF;
}




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

h2.section {
	margin: 0px 0px 0px 0px;
	padding: 5px 22px;
                font-family: tahoma, helvetica, arial, verdana, sans-serif;
	font-size: 12px;
	/*font-weight: normal;*/
       font-weight: bold;
                color: #496f83;
                /*background: url(../images/null.jpg) no-repeat 2px 4px;  */
                /*background: url(/skins/AMEICC/images/icon01.jpg) no-repeat 2px 4px; */ 
                /*background: url(/skins/AMEICC/images/icon02.jpg) no-repeat 2px 4px; */
                background: no-repeat 2px 4px; 
                background-color: #eaeff2;
                border: 1px solid #bbb;
}

.element_name, A.element_name {
	        font-size: 12px;
	        font-weight: normal;
}

.announcement, A.announcement {
                             text-decoration: none;
                             color: #666f72;
	        font-size: 12px;	        
                             display: inline;
	        font-weight: normal;
}

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

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


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

span.topic {	
	text-decoration: none;
	color: #666f72;
                font-size: 12px;
	font-weight: normal;
}

span.topic a {
	text-decoration: none;
	color: #666f72;
                font-size: 12px;
	font-weight: normal;
}


span.topic a:hover {
	text-decoration: underline;
	color: #000000;
                font-size: 12px;
	font-weight: bold;
}

span.right_link {	
	text-decoration: none;
	color: #ffffff;
                font-size: 11px;
	font-weight: normal;
}

span.right_link a {
	text-decoration: none;
	color: #666f72;
                font-size: 11px;
	font-weight: normal;
}


span.right_link a:hover {
	text-decoration: underline;
	color: #FFFFFF;
                font-size: 11px;
	font-weight: bold;
}

span.calendar  {
	width: 150px;

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

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

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

span.info a {
	width: 150px;

	text-decoration: underline;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #D8E6FE;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: normal;
	border-bottom: none;
}


span.info a:hover {
	width: 150px;

	text-decoration: underline;
	border-bottom: 1px solid #fff;
	color: #000000;
	background: #D6D4AA;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: bold;
	border-bottom: none;
}

span.menu_add {	
	text-decoration: none;
	border-bottom: 1px solid #eee;
	color: #000000;
	display: block;
	margin: 0;
	padding: 2px 20px 2px 20px;
	font-weight: normal;
}

span.menu_add a {
	text-decoration: none;
	color: #035CB6;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: normal;
	border-bottom: none;
}


span.menu_add a:hover {
	text-decoration: underline;
	color: #000000;
	padding: 0px;
	margin: 0;
	display: inline;
	font-weight: bold;
	border-bottom: none;
}


.menu_workgroup, A.menu_workgroup {
	        font-size: 11px;
	        font-weight: normal;
		text-decoration: none;
		color: #636d73;
}

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







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













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

.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%; */
	width: 750px;
}

#layout_2 #layout_area_1 {
	width: 22%;
                background: url('/skins/AMEICC/images/bgSide.jpg ') repeat-n top center;
}

#layout_2 #layout_area_2 {
	width: 78%;
                background: #E6F8FA;
}

#layout_3 #layout_area_1 {
	width: 500px;

}

#layout_3 #layout_area_2 {
	width: 180px;
}

#layout_4 #layout_area_1 {
	width: 22%; 
                background: url('/skins/AMEICC/images/bgSide.jpg ') repeat-n top center;

}

#layout_4 #layout_area_2 {
	width: 58%;
                background: #FFFFFF;
}

#layout_4 #layout_area_3 {
	width: 20%;
                background: url('/skins/AMEICC/images/bgSide2.jpg ') repeat-n top center;


}

#layout_5 #layout_area_1 {
	width: 263px;

}

#layout_5 #layout_area_2 {
	width: 263px;
}

#layout_5 #layout_area_3 {
	width: 263px;
}

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