/*  
KruGlu Inc. Application Layout Defaults
http://www.kruglu.com/
This is the default settings and layout for kruglu.com
Version 1.1

Copyright 2008 - 2009 KruGlu Inc. - All rights reserved.
*/



body {
        font-size: 62.5%; 
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #333;
        margin: 0;
        padding: 0;
        background:#e1e1e1 url('../images/background.gif') center repeat-y;
}

html, body, #wrapper {
        margin: 0;
        padding: 0;
        border: none;
        text-align: center;
}

#pagewrapper{
        background-color: #ffffff;
        margin: 0 auto;
        text-align: left;
        width: 900px;
        border-left: 1px solid #ccc;
        border-right: 1px solid #ccc;
}

.narrowcolumn {
        padding: 5px;
        margin: 0 15px 15px 15px;
        color:  #555;
        line-height: 150%;
        font-size: 1.2em;
}

h1 {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        letter-spacing: 0px;
        font-size: 23px;
        margin-bottom: 25px;
        margin-top: 10px;
}

h2 {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 18px;
        margin-bottom: 10px;
        margin-top: 20px;
}

h3 {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        margin-bottom: 10px;
        margin-top: 10px;
}

h4 {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 14px;
        color:#659FD2;
}
h6 {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 12px;
        margin-bottom: 10px;
        margin-top: 20px;
        font-weight:normal;
        color:#000;
}

a {
        color: #2a89c5;
        text-decoration: none;
}

a:hover {
        color: #2a89c5;
        text-decoration: underline;
}

a img {
    border: none;
    padding-top:10px;
    border-style: none;
}

a:active {
     outline:none;
}

a:focus {
     -moz-outline-style:none;
     outline:0;
}
img {
    border: 0;
    border-style: none;
}

/* Header */

#header {
        padding: 0;
        height: 100px;
        width: 900px;
        background: transparent url('/web/images/kruglu_logo.jpg') no-repeat;
        font-size: 12px;
        border-style: none;
}


div#home {
        position: absolute;
        top: 20px;
}

div#home a {
        display: block;
        width: 350px;
        height: 50px;
        border: none;
}

div#home a:hover {
        text-decoration: none;
        border-style: none;
       
}


/* Login Status */

div#loginStatus {
        float: right;
        margin-top: 15px;
        padding-right: 15px;
        color: #aaa;
        clear: both;
}

div#loginStatus div.login{
        text-align: right;
        line-height: 200%;
        margin:0px;
        font-size: 0.9em;
}

div#loginStatus span.signedin {
        color: #E87814;
        padding-right: 15px;
}

div#loginStatus span.signedout{
        color: white;
        padding-right: 15px;
}

div#loginStatus a,  div#loginStatus a:visited{
        color: #6bbff4;
        text-decoration: none;
}

div#loginStatus a:hover {
        color: #6bbff4;
        text-decoration: underline;
}

/* content wrapper */

div.kg_home div#contentwrapper {
        background-position: center 24px;
}

div.kg_home div#homecontentwrapper {
        background:transparent url(../images/bg_home.png) no-repeat;  
        background-position: center 24px;
}

div#contentwrapper {
        background-color:white;
}




/* Signup */
div.signup{
        height: 350px;
}

div.signuptext{
}

div#signupbutton {
        background: transparent url('../images/learnmore-button.png') no-repeat;
        position: absolute;
        top: 280px;
        margin-left: 645px;
}

div#signupbutton  a {
        display: block;
        width: 220px;
        height: 72px;
        border: none;
}

div#signupbutton a:hover {
        text-decoration: none;
}



/* shading */

.shady3 {
        background: white url('../images/shady.gif') repeat-x;
} 

.shady2 {
        background: white url('../images/shady2.gif') repeat-x;
} 


table.shady td {
        background: white url('../images/shady.gif') repeat-x;
        background-position: 0 -20px;
        width: 31%;
        padding: 5px 15px;
        border: 1px solid #cecece;
}

table.shady td ul, table.shady td ul li{
        padding:0px;
        margin: 0px;
}

table.shady2 td {
        background: white url('../images/shady2.gif') repeat-x;
        background-position: 0 -20px;
        width: 31%;
        padding: 5px 15px;
        border: 1px solid #cecece;
}

table.shady2 td ul, table.shady2 td ul li{
        padding: 0;
        margin: 0;
}


table td {
        vertical-align: top;
        padding: 4px 2px 0px 0px;
}

table td input {
        margin-bottom: 4px;
}

table td.label {
        width: 120px;
        text-align: right;
}


table.tablesorter {
	font-family:arial;
	background-color: #CDCDCD;
	margin:10px 0pt 15px;
	font-size: 8pt;
	width: 100%;
	text-align: left;
}
table.tablesorter thead tr th, table.tablesorter tfoot tr th {
	background-color: #e6EEEE;
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 4px;
        width:20px;
}
table.tablesorter thead tr .header {
	background-image: url(/web/images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tablesorter tbody td {
	color: #3D3D3D;
	padding: 4px;
	background-color: #FFF;
	vertical-align: top;
}
table.tablesorter tbody tr.odd td {
	xbackground-color:#F0F0F6;
}
table.tablesorter thead tr .headerSortUp {
	background-image: url(/web/images/asc.gif);
}
table.tablesorter thead tr .headerSortDown {
	background-image: url(/web/images/desc.gif);
}
table.tablesorter thead tr .headerSortDown, table.tablesorter thead tr .headerSortUp {
background-color: #8dbdd8;
}


table.tablesorter tr.alt td {
    xbackground: #eeeeee;
    background:#F0F0F6;
}

table.tablesorter tr.over td {
    background: #ffffcc;
}

/* Footer */



#footer {
        color: black;
        xbackground: transparent url('../images/pagebg.gif') repeat-x; 
        background-color: #EAEAEA;  
        margin: 0 0 20px 0;
        padding: 0;
        width: 900px;
        clear: both;
        text-align:center;
        padding-top:50px;
        font-size:11px;
}


#copyright {
        padding: 0;
        margin: 0 auto;
        width: 820px;
        clear: both;
        height: 45px;
}

#copyright  p {
        margin: 0;
        padding: 10px 0;
        text-align: center;
        color: #555;
}



/* boxes */
.blubox {
        margin-top: 20px;
        width:850px;
        height:50px;
        background: url(../images/bgblu.gif) repeat-x;
        padding:6px;
        padding-bottom:18px;
        border:1px solid #D4DAE0;
}

.bluboxreg {
        margin-top: 20px;
        width:748px;
        height:50px;
        background: url(../images/bgblu.gif) repeat-x;
        padding:4px;
        padding-bottom:1px;
        border:1px solid #D4DAE0;
}

.yellowbox {
        margin-top: 20px;
        width:748px;
        height:50px;
        xbackground: url(../images/bgyell.gif) repeat-x;
        background-color: #FFFFDD; 
        padding:4px;
        padding-bottom:1px;
        padding-top:15px;
        padding-left:10px;
        border:1px solid #FFCF0F;
}




/* errors */

#error_full {
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #FF0000;
        margin: 0;
        padding: 0;
        text-align: center;
}

#regerror_full {
        font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
        color: #FF0000;
        margin: 0;
        padding: 0;
        text-align: center;
}



/* navigation menu */

div.kg_home #navigationMenu {
        height: 44px;
        font-size: 14px;
        position: relative;
        line-height: 90%;
}


#navigationMenu{
        background: transparent url('../images/navbg_grey.jpg') repeat-x;
        height: 44px;
        font-size: 14px;
        position: relative;
        line-height: 90%;
}

#navigationMenu ul{
        margin:0 0 0 190px;
        padding:0;
        list-style-type:none;
        font-weight: normal;
}

#navigationMenu ul.logout{
        margin:0 0 0 310px;
        padding:0;
        list-style-type:none;
        font-weight: normal;
}

#navigationMenu ul li{
        display:block;
        float:left;
}

#navigationMenu ul li a{
        display:block;
        float:left;
        padding:8px 15px 0 15px;
        height:40px;
        color: #222;
}

#navigationMenu ul li a:hover {
        background:transparent url(../images/navbutton-hover_grey.jpg) repeat-x;
        background-position: center 0px;
        color: #fff;
        text-decoration: none;
        border: none;
}

#navigationMenu ul li a.current {
        background:transparent url(../images/navbutton-selected_grey.jpg) repeat-x;
        background-position: center 0px;
        color: #fff;
        text-decoration: none;
        border: none;
}


/* Live Validation */

.LV_valid {
    color:#00CC2B;
    margin-bottom: 5px;
}

.LV_invalid {
        /* color:#CC0000; */
        color:#FF2B2B;
        margin-bottom: 5px;
}

.LV_validation_message{
            /* font-weight:bold; */
            margin:0 0 0 5px;
            font-size: 12px;
}
 
.LV_valid_field,
        input.LV_valid_field:hover,
        input.LV_valid_field:active,
        textarea.LV_valid_field:hover,
        textarea.LV_valid_field:active,
        .fieldWithErrors input.LV_valid_field,
        .fieldWithErrors textarea.LV_valid_field {
        border: 1px solid #00CC00;
}

.LV_invalid_field,
        input.LV_invalid_field:hover,
        input.LV_invalid_field:active,
        textarea.LV_invalid_field:hover,
        textarea.LV_invalid_field:active,
        .fieldWithErrors input.LV_invalid_field,
        .fieldWithErrors textarea.LV_invalid_field {
            border: 1px solid #FF2B2B;

}


span .LV_validation_message {
}

/* Help Commands */
.commands {
   background:#eee;padding:5px;margin-top:30px;
}
.commands h2 {
   margin:0 0 5px 0 !important;width:auto !important
}
.commands table {
   width:100%;
   background:#fff;
   padding:5px;
   margin:0;
   font-size:11px;
}
.commands table th {
   background:#666;
   color:#fff;
   padding:2px 5px !important;
   font-weight:bold !important;
}
.commands table td {
   border-top:solid 1px #eee;
   padding:3px 5px 3px 5px !important;
   white-space:nowrap
}

.members {
   background:#eee;
   padding:5px;
   margin-top:30px;
}
.members h2 {
   margin:0 0 5px 0 !important;
   width:auto !important
}
.members table {
   width:100%;
   background:#fff;
   padding:5px;
   margin:0;
   font-size:11px;
}
.members table th {
   background:#666;
   color:#fff;
   padding:2px 5px !important;
   font-weight:bold !important;
}
.members table td {
   border-top:solid 1px #eee;
   padding:3px 5px 3px 5px !important;
   white-space:nowrap
}
.mobiles {
   background:#eee;
   padding:5px;margin-top:30px;
}
.mobiles h2 {
   margin:0 0 5px 0 !important;
   width:auto !important
}
.mobiles table {
   width:100%;
   background:#fff;
   padding:5px;
   margin:0;
   font-size:14px;
}
.mobiles table th {
   background:#ede4fb;
   color:#666;
   padding:2px 5px !important;
   font-weight:bold !important;
}
.mobiles table td {
   border-top:solid 1px #eee;padding:3px 5px 3px 5px !important;
   white-space:nowrap
}



/* Quick invite */
.invites {
   background:#eee;
   padding:5px;margin-top:30px;
}
.invitess h2 {
   margin:0 0 5px 0 !important;
   width:auto !important
}
.invites table {
   width:100%;
   background:#fff;
   padding:5px;
   margin:0;
   font-size:14px;
}
.invites table th {
   background:#ede4fb;
   color:#666;
   padding:2px 5px !important;
   font-weight:bold !important;
}
.invites table td {
   border-top:solid 1px #eee;padding:3px 5px 3px 5px !important;
   white-space:nowrap
}


/* Create Group */
.create_group:hover {
    text-decoration: none;
}

.create_group .left span {
    font-size: 20px;
    padding-left: 15px;
    line-height: 50px;
    vertical-align: top;
}

.cgspan:hover {
    text-decoration: underline;
}



/* Table Stripe */


table.message {
    border-collapse: collapse;
    width: 98%;
    margin: 0px;
    font-size: 1.1em;
    table-layout:fixed;
    padding-top: 100em;
}

table.message th {
    background: #141414;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: left;
    border-right: 1px solid #fff;
    line-height: 1.2;
    width: 25%;
}

table.message th.head2 {
    background: #141414;
    color: #fff;
    font-weight: bold;
    padding: 2px 11px;
    text-align: center;
    border-right: 1px solid #fff;
    line-height: 1.2;
    width: 99%;
}

table.message td {
    padding: 6px 10px;
    border-bottom: 1px solid #222222;
    vertical-align: top;
    xtext-align:left;
}


table.message td * {
    padding: 6px 11px;
    xpadding: 6px 90px 11px 90px ;
}

table.message tr.alt td {
    background: #eeeeee;
}

table.message tr.over td {
    background: #ffffcc;
}


/* Mygroups Navigation Menu */
.menu_layout .main {
    margin-left:0;
    float:left;
    overflow:hidden;
    width:500px;
    padding:0 0 20px 14px;
}
.menu_layout .menu {
    float:left;
    width:200px;
    margin-bottom:35px;
    display:inline;
    overflow:hidden;
}
.menu_layout .menu ul {
    display:block;
    margin:10px 0 0 0;
    list-style-type: none;
    list-style-image: none;
}
.menu_layout .menu h2 {
    margin:10px 20px 15px;
    font-weight:bold;font-size:1.25em
}
.menu_layout .menu ul li {
    width:180px;
    margin:0px;
    padding:5px 0 5px 20px;
    font-size:1em
}
.menu_layout .menu ul li a {
    display:block;
    width:180px;
    width:180px;
    padding:8px 0 8px 20px;
    margin:-5px 0 -5px -20px
}
.menu_layout .menu ul li.mselected a {
    background:#eee;
    color:#000;
    border:solid 1px #e2e2e2;
    border-width:1px 0;
}
.menu_layout .menu ul li.separate {
    margin-top:20px;
    border-top:solid 1px #e2e2e2;
}
.menu_layout .menu ul li p {
    margin:10px 15px 10px 0;
    font-size:11px;
}
.menu_layout .menu ul li p a {
    display:inline
}
.menu_layout .main form textarea {
    width:230px
}
br.fix {
    clear: both;
    height: 1px;
    font-size: 0px;
}

/* tip */
.tip {
    border:1px solid #ccc;
    background: #ffffe5;
    padding:9px;
    padding-top:9px;
    padding-bottom:9px;
    margin:6px 0;
    font-size:12px;
    font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
    line-height:14px;
}


#hidden {
    display:none;
}

#additional {
    color: #ccc;
}
#additional_in {
    color: #000;
}

.dtext {
    color: #2a89c5;
}


/* help tip */
#help{
        margin-top: 8px;
        background-color: #E4F2FE;
        color: #444;
        background-image: url('../images/help.png');
        background-position: 10px 10px;
        background-repeat: no-repeat; padding: 10px 10px 10px 35px;
        text-align:left;
}

#help .help_title{
	color: #734A12 !important;
	font-size: 14px !important;
}

#help .help_desc{
	border-left: 2px solid #A67D3D;
	padding-left: 10px;
}


/* help tips for Group pages */
#grouphelp{
        margin-top: 8px;
        background-color: #FFFFE5;
        color: #444;
        background-image: url('../images/help.png');
        background-position: 10px 10px;
        background-repeat: no-repeat; padding: 10px 10px 10px 35px;
        text-align:left;
	border: .5px solid #EEE;
}

#grouphelp .grouphelp_title{
        color: #734A12 !important;
        font-size: 14px !important;
}

#grouphelp .grouphelp_desc{
        border-left: 2px solid #A67D3D;
        padding-left: 10px;
}


p.backtotop {
	text-align:right;
}

/* Home Mobile Marketing */
.market {
        background-image: url('../images/fade.gif');
}

.mtext {
	color:#DA6E06;
        xfont-size: 18pt;
        font-size: 10pt;
}
.m2text {
	color:#999;
        font-size: 15pt;
}
.m3text {
	padding-top:10px;
        width:650px;
	padding-bottom:50px;
}
.mimg {
        float:right;
        padding-left: 50px;
}
.bimg {
        float:left;
        padding-right: 30px;
}

/* Mobile Marketing */
#marketing {
	padding-top:30px;
        font-size:10pt;
}
.mmtext {
	color:#DA6E06;
        font-size: 26pt;
        paddint-top:100px;
}

.mmcheck {
        text-indent:50px;
        xpadding-top:10px;
}

.mm2text {
        font-size: 11pt;
}


/* get started */
.displace {
        position:absolute;
        margin-top:10px;
        display:none;
}


a.getstarted {
        display:block;
        background:url('/web/images/get_started.gif') no-repeat;
        width: 143px;
        height: 39px;
        text-decoration:none;
        margin-left:350px;
}

a.getstarted:hover {
        background-position: 0 0;
}


a.signup2 {
        display:block;
        background:url('/web/images/sign_up.png') no-repeat;
        width: 175px;
        height: 39px;
        text-decoration:none;
        margin-left:200px;
        padding-bottom:40px;
}

a.signup2:hover {
        background-position: 0 0;
}


.clients {
        -moz-border-radius:5px 5px 5px 5px;
        border:1px solid #D6D6D6;
        padding:10px;
        padding-top:2px;
        xmargin-top:200px;
        font-size:18px;
        font-weight:bold;
}


.how {
	margin-left:65px;
}

.howit {
        font-family: Tahoma, Arial, Helvetica, Sans-Serif;
        font-size: 13px;
        color:#659FD2;
        margin-top:2px;
        font-weight:bold;
}

.customers {
        font-size: 13px;
        color:#999;
}


.clients2 {
	margin-left:0px;
}


.blue {
	color: #2a89c5;
}

.orange {
	color: #FF9900;
}

.regdesc  {
        clear:both;
	xpadding-left:400px;
        xtext-align:center;
}

.form-item {
	padding-top:10px;
        margin-right:300px;
        float:right;
}

.form-itemb {
	padding-top:10px;
        margin-right:575px;
        float:right;
}


.form-item2 {
	padding-top:10px;
        padding-left:100px;
}

.form-item2c {
	padding-top:10px;
        padding-left:100px;
}


.form-item-register {
	padding-top:10px;
        margin-right:380px;
        float:right;
}

.form-item-crg {
        clear:both;
	padding-top:10px;
        xmargin-right:380px;
        float:left;
}

.form-item-desc {
	padding-top:3px;
        margin-right:320px;
        float:right;
        text-align:center;
}

.form-item-terms {
	padding-top:20px;
        margin-right:250px;
        float:right;

}

.regcustomers {
        font-size: 10px;
        color:#999;
}


.floatright {
	float:right;
        margin-right:280px;
}

label.error {
	float: none;
	color: red;
}

.error {
	color: red;
        clear:both;
}

.object_ok {
	border: 2px solid green;
	color: #333333;
}

.object_error {
	border: 2px solid red;
	color: #333333;
}


.thankyou ul  {
        list-style-type: none; 
        border: 1px solid #cecece;
        width:300px;
}


div.messagebox {
	width:auto;
	 min-height:44px;
	 margin:1em 0;
	 border:1px solid #ffcf0f;
	 padding:0 12px;
	 background-color:#ffffde;
	 background-position:20px 10px;
	 background-repeat:no-repeat;
}

div.messagebox.error2, div.messagebox.alert {
	padding-left: 55px;
	background-image:url(/web/images/icon_alert.gif);
        padding-top:14px;
        padding-bottom:14px;
}

div.messagebox.msg  {
	padding-left: 55px;
	background-image:url(/web/images/check.png);
        padding-top:12px;
}

div.messagebox ul {
	position:absolute;
	 top:0;
	 left:-500em;
	 width:1px;
	 height:1px;
	 overflow:hidden;
	 text-indent:-9999em;
	 line-height:0;
}

a.ginactive {
        color: #ccccff;
}

a.ginactive:hover {
        color: #000;
}


a.signuptoday {
        display:block;
        background:url('/web/images/sign_up.png') no-repeat;
        width: 168px;
        height: 40px;
        text-decoration:none;
        margin-left:350px;
}


.contact ul  {
        list-style-type: none;
        border: 0px solid #cecece;
        width:500px;
}

.users {
	xpadding-left:20px;
	width:70px;
}


.tooltip {
	background-color:#000;
	border:1px solid #fff;
	padding:10px 15px;
	width:200px;
	display:none;
	color:#fff;
	text-align:left;
	font-size:12px;

	/* outline radius for mozilla/firefox only */
	-moz-box-shadow:0 0 10px #000;
	-webkit-box-shadow:0 0 10px #000;
}