/* @override 
	http://tekbrain.local/stylesheets/atomic.css
	http://tekbrain.local/stylesheets/atomic.css
	http://tekbrain.local:3000/stylesheets/atomic.css
	http://yuumii.com/stylesheets/atomic.css
	http://10.0.1.7/stylesheets/atomic.css
*/

/*      color pallet
--------------------------------------------- 

grey			848484
ocean blue		304860
silver			c0c0c0
light teal		789090
sand			787860

neon_green		BEF213  summer
orange	 		f57e20	autumn

winter 1	#38BDFF
winter 2	#BDE2FC

SUMMER
HEX: #3C4F91  RGB: 60,79,145
HEX: #6B96C1  RGB: 107,150,193
HEX: #F5C804  RGB: 245,200,4
HEX: #8CCD4B  RGB: 140,205,75
HEX: #3E9022  RGB: 62,144,34


*/
#portlet_splashHome {border: none;}

div#container {width: 1050px;}

#header_content {width: 800px;}

#calendar {
	width: 900px;
	margin: 1em 0 1em 4em;
	}

#calendar div.Spring a {color:#BEF213;}
#calendar div.Summer a {color:#F5C804;}
#calendar div.Autumn a {color:#f57d1f;}
#calendar div.Winter a {color:#38BDFF;}

#calendar table.fc-header tbody tr td.fc-header-right table tbody tr td div.fc-button-month.fc-state-default.fc-corner-left.fc-no-right.fc-state-active a {text-shadow: none;}


#detail div.text {font-size: 1.5em; margin-top: 1em;}


/* @group DEBUG */

pre.debug_dump { font-size: 2em;}
/* @end */


/* @group HOME SPLASH */
#intro {background-color: #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden; margin: 1em; padding: 1em;}
#intro h2 { color: #fff;  font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px; font-size: 3em; width: 20em; margin: .3em;}
#intro p {float: left; margin: .4em; padding: 0; font-size: 2em; width: 24em; line-height: 1.5em; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px;}
#intro ul.social_login {float: right; list-style-type: none; color: #304860; font-size: 1.2em; border: 1px solid #c0c0c0; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; padding: 1em; background: #FFF; }
#intro  ul.social_login li {display: inline; padding: .5em .5em 0 0; font-size: 1.2em; vertical-align: bottom; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #fff 1px 1px 1px;}
#portlet_splashHome h2 {margin: 1em 0 1em 0 ;}



#intro.Spring { background-color: #155CB8 !important;}
#intro.Autumn { background-color: #5b3b01 !important;}
div#intro.Spring p {color: #BEF213;}
div#intro.Autumn p {color: #f57d1f;}

#intro.Summer { background-color: #3E9022 !important;}
#intro.Winter { background-color: #155CB8 !important;}
div#intro.Summer p {color: #F5C804;}
div#intro.Winter p {color: #38BDFF;}


#portlet_splashHome div#content ul li {list-style-type: none; color: #848484; font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  text-shadow: #fff 1px 1px 1px;}
li.highlight {margin-bottom: 1em;}
.Spring li.highlight {color: #155CB8 !important;}
.Autumn li.highlight {color: #f57d1f !important;}
.Summer li.highlight {color: #3E9022 !important;}
.Winter li.highlight {color: #38BDFF !important;}

div.week_movie {float: right; padding-bottom: 2em; }

div.portlet.adventures h3 {color: #848484; text-shadow: none; font: 2.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: .5em; clear: both;}
div.portlet.adventures h3 a {text-decoration: underline;}
div.portlet.adventures h4 {color: #848484; text-shadow: none; font: 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: .5em; margin-top: 0; clear: left;}
div.portlet.adventures h4 a {text-decoration: underline;}

div.portlet.adventures div.menu {overflow: hidden;}

div.buttons.Spring a{ background: #155CB8; color: #fff; text-shadow: #000 1px 1px 1px;}
div.buttons.Autumn a{ background: #5b3b01; color: #fff; text-shadow: #000 1px 1px 1px;}
div.buttons.Summer a{ background: #3E9022; color: #fff; text-shadow: #000 1px 1px 1px;}
div.buttons.Winter a{ background: #38BDFF; color: #fff; text-shadow: #000 1px 1px 1px;}

div.buttons.Spring a:hover {text-decoration: underline;}
body.Spring #week_summary  a:hover {color: #BEF213; font-size: 2.5em; }


body.Spring  a {color: #155CB8;}
body.Summer  a {color: #F5C804;}
body.Autumn  a {color: #f57d1f;}
body.Winter  a {color: #38BDFF;}

body.Spring div.mini ul li a {font-size: 1.2em; color: #848484;}
body.Autumn div.mini ul li a {font-size: 1.2em; color: #848484;}
body.Summer div.mini ul li a {font-size: 1.2em; color: #848484;}
body.Winter div.mini ul li a {font-size: 1.2em; color: #848484;}

body.Spring div.mini ul li a:hover{color: #848484;  text-shadow: #000 .5px .5px .5px;}
body.Autumn div.mini ul li a:hover {color: #848484;  text-shadow: #000 .5px .5px .5px;}
body.Summer div.mini ul li a:hover{color: #848484;  text-shadow: #000 .5px .5px .5px;}
body.Winter div.mini ul li a:hover {color: #848484;  text-shadow: #000 .5px .5px .5px;}

body.Spring div.portlet_content ul li a {font-size: 1.2em; color: #848484;}
body.Autumn div.portlet_content ul li a {font-size: 1.2em; color: #848484;}
body.Summer div.portlet_content ul li a {font-size: 1.2em; color: #848484;}
body.Winter div.portlet_content ul li a {font-size: 1.2em; color: #848484;}

body.Spring a:hover {text-decoration: underline; color: #c0c0c0; text-shadow: #000 .5px .5px .5px;}
body.Autumn a:hover {text-decoration: underline; color: #c0c0c0; text-shadow: #000 .5px .5px .5px;}
body.Summer a:hover {text-decoration: underline; color: #c0c0c0; text-shadow: #000 .5px .5px .5px;}
body.Winter a:hover {text-decoration: underline; color: #c0c0c0; text-shadow: #000 .5px .5px .5px;}

#calendar div.Spring a {color:#BEF213;}
#calendar div.Summer a {color:#F5C804;}
#calendar div.Autumn a {color:#f57d1f;}
#calendar div.Winter a {color:#38BDFF;}

body.Autumn #week_summary  a:hover {color: #f57d1f; font-size: 2.5em; }




/* @end */






/* @group Application */
li.twitter_button { background-image: url(../images/twitter_button.png); width: 151px; height: 24px;}
#pagebody div.col_60_40.clearfix {margin-top: 2em;}
div.round-image {float: left;}
#detail form fieldset div.fields div.round-image {float: right;}
#sign_in_buttons p a img {border: 0;}
div.info_results {border-radius:0.5em;-moz-border-radius: 0.5em;-webkit-border-radius: 0.5em;}
div.buttons {margin: 0 0 0 0; float: right;}
div.buttons a {border-radius:0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; padding: .5em 3em; font-size: 1.5em; text-decoration: underline;}



h1 {font-size: 2em; font-weight: normal; color: #848484; line-height: 1em;}
h2 { color: #848484; font: 1.8em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  text-shadow: #fff 1px 1px 1px; clear: left;}
div.portlet_content {padding: 0 .5em 1em .5em; overflow: hidden; font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  text-shadow: #fff 1px 1px 1px;}

#detail div.portlet_content ul li {}





/* @end */





/* @group Adventure */
div#summary h3 {color: #848484; text-shadow: none; font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 0;}
div#summary h3 a {text-decoration: underline;}
div#summary h4 {color: #848484; text-shadow: none; font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-bottom: 0; margin-top: 0;}
#errorExplanation h2 {color: #f57e20;}
#errorExplanation p {color: #f57e20;}
#errorExplanation li {color: #f57e20;}
#week_summary { overflow: hidden; clear: left;}
#week_summary  a div.round-image {float: left;}
#week_summary  a div.round-image:hover {opacity: .5;}
#week_summary  a {color: #fff; font-size: 2.5em; margin-top: .5em; text-shadow: #304860 1px 1px 1px;}

div#summary {border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden; clear: left; padding: 0 0 0 1em;}
div#summary div.round-image  { float:left;  border: 1px solid #304860 !important;}
#summary ul {float: left; padding: 0; width: 100%;}

#summary ul li {list-style-type: none; color: #304860; font: 1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #fff 1px 1px 1px; margin-top: .5em;}

div#summary img.icon {float: right; margin-top: -1em}

#summary ul li.hero {float: right;} 


#summary p {color: #848484; font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #fff 1px 1px 1px; padding-bottom: 0;}
#summary ul li.blog {margin-bottom: 1em;}

div#pagebody.adventure div#meta {overflow: hidden;  float: right; width: 18em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; background-color: #304860; margin-top: 7em;}
div#pagebody.adventure div#meta  ul {padding-top: 0em; float: left; margin-left: .5em; padding-left: 0; margin-top: .5em; margin-bottom: 0;}
div#pagebody.adventure div#meta ul li { color: #fff; list-style-type: none; float: left; text-shadow: #304860 1px 1px 1px;}



div.mini {overflow: hidden; margin: 1em .5em 1em .5em; padding-bottom: 1em;}
div.mini  ul {float: left; margin-left: .2em; font: 1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;}
div.mini div.round-image {color: #fff; text-shadow: #000 1px 1px 1px; font-size: 1.8em; border: 1px solid #848484 !important;}
div.mini div.round-image:hover {opacity: .5;}
div.mini ul li {padding: 0; width: 15em; color: #848484;}
div.mini ul li:first-child {font-size: 1.4em; width: 11em;}


div#pagebody.adventure div.menu div.mini {clear: none; margin: 0 0 .5em 0}



/* NEW LIST VIEW
TODO: WOrk this update thru site */
div.list {overflow: hidden; margin-bottom: 3em;}
div.list a div.round-image {font:  3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px; color: #fff;}
div.list a:hover div.round-image {opacity: .5;}


div.list ul {float: left; width: 38em; padding: 0; margin: 0 1em 0 1em;}
div.list ul li {list-style-type: none; margin-top: .5em;}
div.list ul li.title {font: small-caps 2.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px;}
div.list ul li.subtitle {font: 1.2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #fff 1px 1px 1px;}
div.list ul li.summary {font:  1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; margin-top: 0;}
div.list ul li.text {font: 1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  text-shadow: #fff 1px 1px 1px; margin-top: 0;}
/*
HEX: #3C4F91  RGB: 60,79,145
HEX: #6B96C1  RGB: 107,150,193
HEX: #F5C804  RGB: 245,200,4
HEX: #8CCD4B  RGB: 140,205,75
HEX: #3E9022  RGB: 62,144,34
*/


ul.sidebar_menu {font-size: 1.3em;}
ul.sidebar_menu li {display: inline; margin-left: 1em;}
#detail {background-color: #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden; margin: 1em 0 1em 0; padding: 2em 1em 1em 1em; clear: left; color: #848484;}
#summary ul li.icon a.rss img {  margin: 0 18em 0 0em;}
#detail img { float:left; clear: left;}
div#heros {float: left; clear: left; width: 21em;}
#detail div.content {float: right; width: 36em;  font: 1.1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif;  text-shadow: #fff 1px 1px 1px; }
#detail div.content p {font-size: 1.3em;}
#summary.edit h1 {color: #fff; margin-left: 1em;}
#summary.edit {margin-bottom: 1em;}

#detail div.content ol { font-size: 1.2em;}
#detail div.content ol li {padding-bottom: .5em;}
div#content {float: ;}
div#detail.edit div#heros { float: left; width: 12em;}
div#detail.edit div#content {float: right; width: 36em; margin-right: 1em;}

/* @end */


/* @group Forms */
#adventure_date_input fieldset ol {padding-left: 7.5em;}
input#adventure_title {margin-left: -1em; width: 30em !important;}
/* @end */


/* @group Photos */

div.photo {clear: left;}
div#heros  h2  {clear: left;}
div#heros li {list-style-type: none;}
div#heros ol  {padding-left: .5em; }
div#photos.portlet {overflow: hidden;}
div.photo ul li {font-size: 1em; width: 10em;}
div.photo ul li input {margin: 0 0 0 0;}
div.photo ul  {padding-left: .5em; }
div.photo a {float: left;}
div.photo ul li label {color: #848484; font-size: .8em;}
div#summary label {color: #fff; }
div#summary form {margin-left: 3em;}
div#summary h2 {margin: 0 0 0 0; color: #848484; font-family: "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #c0c0c0 1px 1px 1px;}
/* @end */


/* @group GROUPS */
div.group_summary ul li {list-style-type: none; width: 45em;}
div.group_summary ul {float: left; padding-left: 0;}
div.group_summary {background-color: #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden;}
div.group_summary div.round-image  { float:left; margin: 2em !important;}

#footer span { margin-right: 1em;}
/* @end */


/* @group EVENTS */
div.event_summary ul li {list-style-type: none; width: 31em;}
div.event_summary ul {float: left; padding-left: 0;}
div.event_summary {background-color: #fff; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; overflow: hidden;}
div.event_summary div.round-image  { float:left; margin: 2em !important; border: 1px solid white !important;}
/* @end */

div#summary.Winter {margin-bottom: 1em;}
div#summary.Summer {margin-bottom: 1em;}

/* @group COMMENTS */
#comment_form {background-color: #304860; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; padding: 1em; color: #fff;}
#comment_form.Summer .button.mainaction {background-color: #F5C804; color: #304860 ;}
div.image.comment {margin-right: 1em;}
/* @end */

/* @group RATINGS */
#rating a {font-size: 1em;}
div#rating.button.mainaction {color: #304860; margin-bottom: 1em;}
div#rating.button.mainaction:hover {text-decoration: none;}
.Summer div#rating.button.mainaction { background-color: #F5C804;}
.Winter div#rating.button.mainaction { background-color: #38BDFF;}

/* @end */

/* @group TOOLS */

div#detail.tools {margin-top: 1em;}
#summary ul li.icon img { float: right;}
div#summary h2.tool {margin-bottom: 3em;}


div#summary.Summer1 {background: #F5C804;}
div.buttons.Summer1 a {background: #F5C804;}
div#summary.Summer3 {background: #8CCD4B;}
div.buttons.Summer3 a {background: #8CCD4B;}
div#summary.Summer2 {background: #3E9022;}
div.buttons.Summer2 a {background: #3E9022;}
div#summary.Summer4 {background: #F5C804;}
div.buttons.Summer4 a {background: #F5C804;}

div#summary.Winter1 {background: #38BDFF;}
div.buttons.Winter1 a {background: #38BDFF;}
div#summary.Winter2 {background: #011460;}
div.buttons.Winter2 a {background: #011460;}
div#summary.Winter3 {background: #8BD0FF;}
div.buttons.Winter3 a {background: #8BD0FF;}
div#summary.Winter4 {background: #38BDFF;}
div.buttons.Winter4 a {background: #38BDFF;}






/* @end */

/*      color pallet
--------------------------------------------- 
SUMMER
HEX: #3C4F91  RGB: 60,79,145
HEX: #6B96C1  RGB: 107,150,193
HEX: #F5C804  RGB: 245,200,4
HEX: #8CCD4B  RGB: 140,205,75
HEX: #3E9022  RGB: 62,144,34

WINTER
HEX: #011460  RGB: 1,20,96
HEX: #155CB8  RGB: 21,92,184
HEX: #38BDFF  RGB: 56,189,255
HEX: #8BD0FF  RGB: 139,208,255
HEX: #BDE2FC  RGB: 189,226,252


*/


/* @group ADMIN? */
body.admin #menu a {font-size: .6em;}
#adventures div.month div.mini ul li {width: 20em;}
div#adventures.portlet {margin-top: 1em; overflow: hidden;}

#adventures div.week ol li {list-style-type: none;  margin-bottom:0; }
#adventures div.week ol li label {font:  1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px; color: #fff; margin: 0;}

#adventures div.month {float: left;}
#adventures div.week {float: left; margin: 0 1em 2em 0;}
#adventures div.week div.mini ul li { width: 30em;}
div#pagebody.admin #adventures div.mini ul {float: left; clear: left; margin-top: -4.5em; color: #fff;}
div#pagebody.admin #adventures div.mini ul li {width: 12em;}
div#pagebody.admin #adventures div.mini {float: left; paddin-right: 1em;}

div#pagebody.admin #adventures div.mini  a div.round-image {font:  1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px; color: #fff;}
div#pagebody.admin #adventures div.mini ul {font:  1em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #304860 1px 1px 1px; color: #fff;}



#adventures h2  {margin: 2em 0 0 0;}
#adventures h3  {margin: 0;}

/* @end */

/* @group Tags */
ul.tags { text-align: center;}
ul.tags li {display: inline; padding: 0; margin-right: 1em; font-size: .9em;}


/* @end */

/* @group TOOLS */
div.portlet.tools {overflow: hidden; padding-right: 0;}


div.portlet p {font:  1.5em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #fff 1px 1px 1px; color: #848484;} 

div.portlet h2 {font-size: 2.5em; text-shadow: #c0c0c0 1px 1px 3px; color: #848484; margin-bottom: 0;}
div.portlet h3 {font: 2em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #c0c0c0 1px 1px 3px; color: #848484; margin-bottom: 0;  font-weight: normal;}
div#tools.menu {float: left; margin-right: 5em;}
div.menu div.tool { overflow: hidden; margin-bottom: 1.5em; float: left;}
div.menu  div.tool img.hero {float: left;}





div.menu div.mini {float: left; clear: left; margin: 0 0 0 0; padding-bottom: .5em;}

div.menu div.mini ul {float: left; clear: left; margin-top: -11em; color: #848484;}
#tools div.mini ul li {font:  1.3em "Helvetica Neue", Arial, Helvetica, Geneva, sans-serif; text-shadow: #000 1px 1px 6px; color: #fff;}
div.menu div.mini div.round-image {color: #304860; text-shadow: #fff 1px 1px 1px; font-size: 1.5em; border: 1px solid #848484 !important;}
div.menu div#active.mini div.round-image {color: #fff !important; text-shadow: #000 1px 1px 1px;}





div#pagebody  div.right_col .portlet {
        line-height: 1.3em;
        color: #848484;
        background-color: #D3D3D3;
        padding: 0;
        border-radius: 1em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
	
        margin: 4em 1.5em 1em 1em;
       
        
  
}

div#pagebody {
    padding: 0em 0 0 0;
    background-color: #fff;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 1px solid #fff;
	margin-top: 1em;
	margin-bottom: 1em;
}
div#pagebody  div.right_col .portlet h2 { text-shadow: #000 1px 1px 1px; padding: 1em 0 0 .5em; margin-bottom: 0; font-size: 2em; color: #fff; }
div#pagebody  div.right_col .portlet p {color: #848484; font-size: .9em; text-shadow: none;}

div#subscriptions.menu {float: left; margin-right: 2em;}

div#guide.tool {float: right; margin: 2em 5.5em 2em 0;}
div#pagebody.subscriptions div.right_col .portlet {
        line-height: 1.3em;
        color: #848484;
        background-color: #c0c0c0;
        padding: 0px;
        border-radius: 1em;
        -moz-border-radius: 1em;
        -webkit-border-radius: 1em;
        margin: 9em 1.5em 1em 1em;
  
}

div#pagebody.subscriptions {
    padding: 0em 0 0 0;
    background-color: #fff;
	border-radius: 1em;
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	border: 1px solid #c0c0c0;
	margin-top: 1em;
	margin-bottom: 1em;
}
div#pagebody.subscriptions div.right_col .portlet h2 {color: #fff; text-shadow: #304860 1px 1px 1px; padding: 1em 0 0 .5em; margin-bottom: 0; font-size: 1.7em; }
div#pagebody.subscriptions div.right_col .portlet p {color: #304860; font-size: .9em; text-shadow: none;}
div#pagebody.subscriptions div#tools a {color: #fff; text-shadow: #000 1px 1px 1px; font-size: 2em;}

ul.subscriptions {margin-left: 20em; clear: left;}
ul.subscriptions li { float: left; list-style-type: none; color: #304860; font-size: 2em; background: #FFF; margin-right: 1em;}
div#pagebody.subscriptions div#tools {float: right;  width: 500px; margin: 2em 5.5em 2em 0;}

#pagebody.subscriptions img.icon {float: right;}
div#subscription {float: left; clear: left;}
#subscription img {}
#subscription ul {float: left;}





div.portlet div.content {float: right; width: 39em;}






#adventures a.menu {float: left;}

div#action.tool {float: right; margin: 3em 3em 3em 0; padding: 1em 4em 0 4em; border-radius: 1em; -moz-border-radius: 1em; -webkit-border-radius: 1em; border: 1px solid #c0c0c0; text-align: center; background-color: #bdd42c !important; min-width: 28em;}
div#action.tool a {color: #fff; text-shadow: #c0c0c0 1px 1px 1px; font-size: 2em;}
div#action.tool p {color: #fff; text-shadow: #c0c0c0 1px 1px 1px;}
/* @end */

/* @group poptest */
div#meta {float: left; width: 40em;}
#signin_menu div#heros {float: right; clear:right; width: 25em;}
div#meta label {width: 4.8em;}

#adventure_why {height: 5em;}
#adventure_what{height: 5em;}
#adventure_how {height: 15em;}




#signin_menu {
    -moz-border-radius-topleft:5px;
    -moz-border-radius-bottomleft:5px;
    -moz-border-radius-bottomright:5px;
    -webkit-border-top-left-radius:5px;
    -webkit-border-bottom-left-radius:5px;
    -webkit-border-bottom-right-radius:5px;
    display:none;
    background-color:#ddeef6;
    position: absolute;
    width: 70em;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 2em; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px; float: none; right: 20em;}

#signin_menu input[type=text], #signin_menu input[type=password] {
    display:block;
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border:1px solid #ACE;
    font-size:13px;
    margin:0 0 5px;
    padding:5px;
    width:203px;
}
#signin_menu p {
    margin:0;
}
#signin_menu a {
    color:#6AC;
}
#signin_menu label {
    font-weight:normal;
}
#signin_menu p.remember {
    padding:10px 0;
}
#signin_menu p.forgot, #signin_menu p.complete {
    clear:both;
    margin:5px 0;
}
#signin_menu p a {
    color:#27B!important;
}
#signin_submit {
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    background:#39d url('images/bg-btn-blue.png') repeat-x scroll 0 0;
    border:1px solid #39D;
    color:#fff;
    text-shadow:0 -1px 0 #39d;
    padding:4px 10px 5px;
    font-size:11px;
    margin:0 5px 0 0;
    font-weight:bold;
}
#signin_submit::-moz-focus-inner {
padding:0;
border:0;
}
#signin_submit:hover, #signin_submit:focus {
    background-position:0 -5px;
    cursor:pointer;
}


/* @end */

/* @group My Group */



/* @end */