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

TR.report_alternate {
}

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;
        white-space: nowrap;
}

div.text_button, div.text_button_disabled,
span.text_button, span.text_button_disabled,
a.text_button, a.text_button_disabled
{
        margin: 2px 2px 0px 2px;

        line-height: 250%;
        text-decoration: none;
        text-align: center;
}

a.unsubscribe_text_button {
        margin: 2px 2px 0px 2px;

        text-decoration: none;
        text-align: center;
}


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



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

.item .element_url {

}

div.section {
}

h2.section {
}

div.site_library {

}


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


#transitional_form, 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 {
}


#user_search_form {
        background-color: white;
}



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


/*  CSS Stylin for sexySocial.pm and sexysocial.tt2 */


ul.socials {
}

ul.socials li {
        display: -moz-inline-stack;
        display: inline-block !important;
        zoom: 1 !important;
        *display: inline !important;
	float:left !important;
               position:relative !important;
	list-style-type:none !important;
	margin:0 2px 0 0 !important;
	height:29px !important;
	width:50px !important;
	cursor:pointer !important;
}

ul.socials a {
	display:block !important;
	width:50px !important;
	height:29px !important;
	font-size:0 !important;
	text-indent: -9999px !important;
	color:transparent !important;
}

.furl, .furl:hover, .digg, .digg:hover, .reddit, .reddit:hover, .stumble, .stumble:hover, .delicious, .delicious:hover, .yahoo, .yahoo:hover, .blinklist, .blinklist:hover, .technorati, .technorati:hover, .facebook, .facebook:hover, .twitter, .twitter:hover, .myspace, .myspace:hover, .mixx, .mixx:hover, .script-style, .script-style:hover, .designfloat, .designfloat:hover, .rss, .rss:hover  {
	background:url(/skins/base_skin/images/sprite-trans.png) no-repeat !important;
}

.furl {
	background-position:-300px top !important;
	background-position-x:-300px top !important;

}
.furl:hover {
	background-position:-300px bottom !important;
	background-position-x:-300px bottom !important;

}
.digg {
	background-position:-500px top !important;
}
.digg:hover {
	background-position:-500px bottom !important;
}
.reddit {
	background-position:-100px top !important;
}
.reddit:hover {
	background-position:-100px bottom !important;
}
.stumble {
	background-position:-50px top !important;
}
.stumble:hover {
	background-position:-50px bottom !important;
}
.delicious {
	background-position:left top !important;
}
.delicious:hover {
	background-position:left bottom !important;
}
.yahoo {
	background-position:-650px top !important;
}
.yahoo:hover {
	background-position:-650px bottom !important;
}
.blinklist {
	background-position:-600px top !important;
}
.blinklist:hover {
	background-position:-600px bottom !important;
}
.technorati {
	background-position:-700px top !important;
}
.technorati:hover {
	background-position:-700px bottom !important;
}
.myspace {
	background-position:-200px top !important;
}
.myspace:hover {
	background-position:-200px bottom !important;
}
.twitter {
	background-position:-350px top !important;
}
.twitter:hover {
	background-position:-350px bottom !important;
}
.facebook {
	background-position:-450px top !important;
}
.facebook:hover {
	background-position:-450px bottom !important;
}
.mixx {
	background-position:-250px top !important;
}
.mixx:hover {
	background-position:-250px bottom !important;
}
.rss {
	background-position:-150px top !important;
}
.rss:hover {
	background-position:-150px bottom !important;
}
.script-style {
	background-position:-400px top !important;
}
.script-style:hover {
	background-position:-400px bottom !important;
}
.designfloat {
	background-position:-550px top !important;
}
.designfloat:hover {
	background-position:-550px bottom !important;
}

#content_rotator_1, #content_rotator_2, #content_rotator_3 {

}

* html #content_rotator_1, * html #content_rotator_2, * html #content_rotator_3 {

}

.rotator_image {

}

* html .rotator_title {

}

* html .rotator_subtitle {
}

.rotator_title {

}

.rotator_subtitle {

}

#sociable ul {
	display: inline;
	margin: 0 !important;
	padding: 0 !important;
}
#sociable li {
	background: none;
	display: inline;
	list-style-type: none;
	margin: 0;
	padding: 2px;
}
#sociable ul li:before { content: ""; }
#sociable img {
	display: inline;
	border: 0;
	margin: 0;
	padding: 0;
}

.sociable-hovers {
	display: inline;
	opacity: .6;
	-moz-opacity: .6;
	filter: alpha(opacity=60);
}
.sociable-hovers:hover {
	display: inline;
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}

.sociable a:hover img {
	display: inline;
	margin: 0;
	padding: 0;
}

.sociable a[href^="http:"] {
	display: inline;
	padding-right: 0px;
	background: transparent;
	text-decoration: transparent;
}

div #sociable { margin:  0 0; }

div.sociable_tagline { position: relative; }
div.sociable_tagline div { display: none; width: 14em; display:block; }
div.sociable_tagline:hover div {
	position: absolute;
	display: block;
	top: -5em;
	background: #ffe;
	border: 1px solid #ccc;
	color: black;
	line-height: 1.25em;
}
#sociable span {
	display: block;
}


.sociable-hovers {
	opacity: .4;
	-moz-opacity: .4;
	filter: alpha(opacity=40);
}
.sociable-hovers:hover {
	opacity: 1;
	-moz-opacity: 1;
	filter: alpha(opacity=100);
}