/*=== Setup ===*/
a { color: #2884b5; }

/*- Logo -*/
#header h1 { background: url(images/logo.gif) no-repeat; }

/*- Single Post Page / Respond -*/
#centercol #respond input[type=submit] {
	background: #72bbe3;
	text-shadow: 1px 1px #66a6c9;
	border-bottom: 1px solid #66a6c9;
	border-right: 1px solid #66a6c9;
}

/* Customize Twitter Style Login Css */

#container {
    width:950px;
	height:0px;
    margin:0 auto;
    position: relative;
}

#content {
    width:600px;
    min-height:500px;
}
a:link, a:visited {
    color:#27b;
    text-decoration:none;
}
a:hover {
    text-decoration:underline;
}
a img {
    border-width:0;
}
#topnav {
    padding:30px 0px 5px;
    font-size:11px;
	color:#fff;
    line-height:23px;
    text-align:right;
}
#topnav a.signin {
    background:#88bbd4;
    padding:4px 6px 6px;
    text-decoration:none;
    font-weight:bold;
    color:#fff;
    -webkit-border-radius:4px;
    -moz-border-radius:4px;
    border-radius:4px;
    *background:transparent url("images/signin-nav-bg-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
	z-index: 100;
}
#topnav a.signin:hover {
    background:#59B;
    *background:transparent url("images/signin-nav-bg-hover-ie.png") no-repeat 0 0;
    *padding:4px 12px 6px;
	z-index: 100;
}
#topnav a.signin, #topnav a.signin:hover {
    *background-position:0 3px!important;
	z-index: 100;
}

a.signin {
    position:relative;
    margin-left:3px;
}
a.signin span {
    background-image:url("images/toggle_down_light.png");
    background-repeat:no-repeat;
    background-position:100% 50%;
    padding:4px 16px 6px 0;
	z-index: 100;
}
#topnav a.menu-open {
    background:#ddeef6!important;
    color:#666!important;
    outline:none;
	z-index: 100;
}
#small_signup {
    display:inline;
    float:none;
    line-height:23px;
    margin:25px 0 0;
    width:170px;
	z-index: 100;
}
a.signin.menu-open span {
    background-image:url("images/toggle_up_dark.png");
    color:#789;
}


/* TWITTER STLYE LOGIN FORM */
#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:210px;
    z-index:100;
    border:1px transparent;
    text-align:left;
    padding:12px;
    top: 24.5px; 
    right: 0px; 
    margin-top:5px;
    margin-right: 0px;
    *margin-right: -1px;
    color:#789;
    font-size:11px;
}

#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;
}
 .fbbody
            {
                font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
                font-size: 11px;
                color: #333333;
            }
            
/* Default Anchor Style */
            .fbbody a
            {
                color: #3b5998;
                outline-style: none;
                text-decoration: none;
                font-size: 11px;
                font-weight: bold;
            }
            .fbbody a:hover
            {
                text-decoration: underline;
            }
            /* Facebook Box Styles */
            .fbgreybox
            {
                background-color: #f7f7f7;
                border: 1px solid #cccccc;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
				font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
            }
            .fbbluebox
            {
                background-color: #eceff6;
                border: 1px solid #d4dae8;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
				font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
            }
            .fbinfobox
            {
                background-color: #fff9d7;
                border: 1px solid #e2c822;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
				font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
            }
            .fberrorbox
            {
                background-color: #ffebe8;
                border: 1px solid #dd3c10;
                color: #333333;
                padding: 10px;
                font-size: 13px;
                font-weight: bold;
				font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
            }
            /* Content Divider on White Background */
            .fbcontentdivider
            {
                margin-top: 15px;
                margin-bottom: 15px;
                width: 520px;
                height: 1px;
                background-color: #d8dfea;
            }
            /* Facebook Tab Style */
            .fbtab
            {
                padding: 8px;
                background-color: #d8dfea;
                color: #3b5998;
                font-weight: bold;
				font-size: 16px;
				font-family: "lucida grande" ,tahoma,verdana,arial,sans-serif;
                float: left;
                margin-right: 4px;
                text-decoration: none;
            }
            .fbtab:hover
            {
                background-color: #3b5998;
                color: #ffffff;
                cursor: hand;
            }
        
/* Comment */
.comment_alt {background:#d1e0e7;}
form#commentform .fill_field input, form#commentform textarea {border: 1px solid #888;}


/* Facebook Composer frame */
.composer{box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;position:relative;padding:10px;margin:0;background-color:#fff;overflow:visible}

.composer .composer_placeholder{border:1px solid #ccc;padding:5px;background-color:#eaeaea;margin-top:-2px}

#composer_placeholder_button{padding:5px;background-color:#fff;display:block;color:#999;border:1px solid #bbb;font-size:16px}

/* Default Facebook CSS  END */
/*From the Standard Style */
.module-title {font-size:110%;font-weight:bold;margin:0;padding:7px 15px 5px;}
.article-info-surround {background:url(../images/light.png) 0 -210px repeat-x;border-bottom:1px solid #e6e6e6;color:#777;border-top:1px solid #d9d9d9;height:20px;}

/* ADD CSS3 buttons button Red black Silver Green khaki Blue */
.button
        {
            margin: 10px;
            text-decoration: none;
            font: bold 1.5em 'Trebuchet MS',Arial, Helvetica; /*Change the em value to scale the button*/
            display: inline-block;
            text-align: center;
            color: #fff;
            
            border: 1px solid #9c9c9c; /* Fallback style */
            border: 1px solid rgba(0, 0, 0, 0.3);            
            
            text-shadow: 0 1px 0 rgba(0,0,0,0.4);
            
            box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .05em rgba(0,0,0,0.4);
            
        }
        
        .button, .button span
        {
            -moz-border-radius: .3em;
            border-radius: .3em;
        }
        
        .button span
        {
            border-top: 1px solid #fff; /* Fallback style */
            border-top: 1px solid rgba(255, 255, 255, 0.5);
            display: block;
            padding: 0.5em 2.5em;
            
            /* The background pattern */
            
            background-image: -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.25, rgba(0, 0, 0, 0.05)), color-stop(.25, transparent), to(transparent)),
                              -webkit-gradient(linear, 0 0, 100% 100%, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05))),
                              -webkit-gradient(linear, 0 100%, 100% 0, color-stop(.75, transparent), color-stop(.75, rgba(0, 0, 0, 0.05)));
            background-image: -moz-linear-gradient(45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(-45deg, rgba(0, 0, 0, 0.05) 25%, transparent 25%, transparent),
                              -moz-linear-gradient(45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%),
                              -moz-linear-gradient(-45deg, transparent 75%, rgba(0, 0, 0, 0.05) 75%);

            /* Pattern settings */
            
            -moz-background-size: 3px 3px;
            -webkit-background-size: 3px 3px;            
        }

        .button:hover
        {
            box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -moz-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
            -webkit-box-shadow: 0 0 .1em rgba(0,0,0,0.4);
        }
        
        .button:active
        {
            /* When pressed, move it down 1px */
            position: relative;
            top: 1px;
        }
        
        /*----------------------------*/
        
        .button-khaki
        {
            background: #A2B598;
            background: -webkit-gradient(linear, left top, left bottom, from(#BDD1B4), to(#A2B598) );
            background:-moz-linear-gradient(-90deg, #BDD1B4, #A2B598);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#BDD1B4', EndColorStr='#A2B598');        
        }
        
        .button-khaki:hover
        {           
            background: #BDD1B4;
            background: -webkit-gradient(linear, left top, left bottom, from(#A2B598), to(#BDD1B4) );
            background: -moz-linear-gradient(-90deg, #A2B598, #BDD1B4);
            filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#A2B598', EndColorStr='#BDD1B4');
        }
        
        .button-khaki:active
        {
            background: #A2B598;
        }
        
        /*----------------------------*/        
        
        .button-blue
        {
            background: #4477a1;
            background: -webkit-gradient(linear, left top, left bottom, from(#81a8cb), to(#4477a1) );
            background: -moz-linear-gradient(-90deg, #81a8cb, #4477a1);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#81a8cb', endColorstr='#4477a1');
        }
        
        .button-blue:hover
        {
            background: #81a8cb;
            background: -webkit-gradient(linear, left top, left bottom, from(#4477a1), to(#81a8cb) );
            background: -moz-linear-gradient(-90deg, #4477a1, #81a8cb);
            filter:  progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#4477a1', endColorstr='#81a8cb');            
        }
        
        .button-blue:active
        {
            background: #4477a1;
        }
        
       
         /*----------------------------*/
        .button-green
        {
            background: #428739;
            background: -webkit-gradient(linear, left top, left bottom, from(#c8dd95), to(#428739) );
            background: -moz-linear-gradient(-90deg, #c8dd95, #428739);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c8dd95', EndColorStr='#428739');
        }
        
        .button-green:hover
        {
            background: #c8dd95;
            background: -webkit-gradient(linear, left top, left bottom, from(#428739), to(#c8dd95) );
            background: -moz-linear-gradient(-90deg, #428739, #c8dd95);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#428739', EndColorStr='#c8dd95');
        }
        
        .button-green:active
        {
            background: #428739;
        }
        
        /*----------------------------*/
        
        .button-red
        {
            background: #D82741;
            background: -webkit-gradient(linear, left top, left bottom, from(#E84B6E), to(#D82741) );
            background: -moz-linear-gradient(-90deg, #E84B6E, #D82741);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#E84B6E', EndColorStr='#D82741');
        }

        .button-red:hover
        {
            background: #E84B6E;
            background: -webkit-gradient(linear, left top, left bottom, from(#D82741), to(#E84B6E) );
            background: -moz-linear-gradient(-90deg, #D82741, #E84B6E);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#D82741', EndColorStr='#E84B6E');
        }
        
        .button-red:active
        {
            background: #D82741;
        }
        /*----------------------------*/
        
   
        
       .button-black
        {
            background: #141414;
            background: -webkit-gradient(linear, left top, left bottom, from(#656565), to(#141414) );
            background: -moz-linear-gradient(-90deg, #656565, #141414);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#656565', EndColorStr='#141414');
        }
        
        .button-black:hover
        {
            background: #656565;
            background: -webkit-gradient(linear, left top, left bottom, from(#141414), to(#656565) );
            background: -moz-linear-gradient(-90deg, #141414, #656565);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#141414', EndColorStr='#656565');
        }
        
        .button-black:active
        {
            background: #141414;
        }
        
        /*----------------------------*/
        
        .button-orange
        {
            background: #f09c15;
            background: -webkit-gradient(linear, left top, left bottom, from(#f8c939), to(#f09c15) );
            background: -moz-linear-gradient(-90deg, #f8c939, #f09c15);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f8c939', EndColorStr='#f09c15');
        }
        
        .button-orange:hover
        {
            background: #f8c939;
            background: -webkit-gradient(linear, left top, left bottom, from(#f09c15), to(#f8c939) );
            background: -moz-linear-gradient(-90deg, #f09c15, #f8c939);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#f09c15', EndColorStr='#f8c939');
        }
        
        .button-orange:active
        {
            background: #f09c15;
        }
        
        /*----------------------------*/
        
        .button-silver
        {
            background: #c5c5c5;
            background: -webkit-gradient(linear, left top, left bottom, from(#eaeaea), to(#c5c5c5) );
            background: -moz-linear-gradient(-90deg, #eaeaea, #c5c5c5);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#eaeaea', EndColorStr='#c5c5c5');
        }
        
        .button-silver:hover
        {
            background: #eaeaea;
            background: -webkit-gradient(linear, left top, left bottom, from(#c5c5c5), to(#eaeaea) );
            background: -moz-linear-gradient(-90deg, #c5c5c5, #eaeaea);
            filter: progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#c5c5c5', EndColorStr='#eaeaea');
        }
        
        .button-silver:active
        {
            background: #c5c5c5;
        }    
/*Googler Stlyer*/
.gbootom {background: url(http://www.google.com/images/modules/buttons/g-button-chocobo-2.gif) no-repeat 100% 100%;
color: white !important;
display: block;
font-weight: bold;
height: 1%;
padding: 8px 18px 13px 13px;
text-decoration: none;
letter-spacing: 0.02em;
text-shadow: rgba(0, 0, 0, 0.078125) 0px 1px 1px;
gcs-v2.css:2
a:active
display: block;
height: 1%;
border: 1px solid #B2CDFD;
margin: 0px 0px 2.3em;
width: 295px;
background-color: #CADEF4;
border: 1px solid #CCC;
direction: ltr;
line-height: 1.2;
max-width: 795px;
overflow: visible;
padding: 15px;
text-align: center;
width: 20em;
}





/* Android Style greey*/
.notice {
background: #F3F6EC url(http://appinventor.googlelabs.com/static/images/android-notice-30x30.gif) no-repeat 0% 50%;
border: solid #ADCA3C;
color: #6076
margin-bottom: 20px;
margin-top: 20px;
padding-bottom: 10px;
padding-left: 60px;
padding-right: 20px;
padding-top: 10px;
display: block;
margin: 1em 40px;
}