.no_scriptshow {
	display: none;
}
.no_scripthide {
	display: block;
}
.show .on {
	display: block;
}
.show .off {
	display: none;
}
.hide .on {
	display: none;
}

.hide .off {
    display: block;
}

form {
	margin:0;
}
.top {
	vertical-align: top;
}
.bottom {
	vertical-align: bottom;
}
.tdcenter {
	text-align: center;
}
div.spacer {
	height: 15px;
}
#key {
        border:5px dotted #cccccc;
        border-style: dotted;
        padding: 4px 10px;
        font-size: 80%;
        margin: 0px 0px 10px;
}
#keytitle {
        font-weight: bold;
        text-transform: uppercase;
        padding: 3px 0px 6px 0px;
}
#pagerinfo {
	font-size: 11px;
	font-weight: normal;
	color: black;
	padding-bottom: 1px;
	display: -moz-inline-box;
	display: inline-block;
}
.pager {
	font-size: 13px;
	font-weight: normal;
}

/* input fields */
input.error {
        background-color: #ffbcbc;
}
select.error {
        background: #ffbcbc;
}
textarea.error {
        background-color: #ffbcbc;
}
select,textarea,input {
        font: 12px normal Arial, Verdana, sans-serif;
}
select.region_select {
    width:215px;
}
#checkbox, #dob select, #province select, #dob input {
	width: auto !important;
}
select.highlight {
	background: #dddddd;
}

/* search */
#province input {
	width: 25% !important;
}
td.shead {
	padding: 3px 10px;
	font-weight: bold;
	font-size: 13px;
}


/* main body */
body {
	text-align: center;
	font: 12px Arial, Verdana, sans-serif;
	margin: 0;
	padding: 0;
}

#container {
	width: 832px;
	margin: auto;
	text-align: left;
	background: #fff;
	margin-bottom: 25px;
}
#full {
	width: 830px;
}
table#columns {
	border-collapse: collapse;
	width: 100%;
}

/* menu bar */
table#menu {
	margin: auto;
	width: 100%;
	border-top: 1px solid white;
}
table#menu td.mainbar {
        text-align: center;
	padding: 0px 1px;
}
table#menu td.spaceleft {
    width: 25px;
}
table#menu td.spaceright {
	width: 400px;
}
#menu td.mainbar a {
	display: block;
	padding: 3px 3px 8px 3px;
	font: bold 12px Arial;
}
div.onsubtab {
	background: #fff;
}
div.tabon a, div.offsubtab a  {
	color: #fff !important;
}
#submenu {
	width: 100%;
	margin: auto;
}
#submenu td.spaceleft {
	width: 25px;
}
#submenu td#subtab {
	padding-top: 2px;
	vertical-align: bottom;
}
td.spaceright {
    font-size: 12px;
	text-align: right;
}
td.subright {
	text-align: right !important;
	padding: 2px 10px 2px 0px;
}
td.subright form {
	display: inline;
}
a#advlink {
	display: inline !important;
	color: #fff;
}
#submenu td a {
	display: block;
	padding: 0px 10px 3px 10px;
	font: 12px Arial;
}
#submenu .pipe {
	color: #fff;
}
#button, button {
        font-family: Arial, Verdana, sans-serif;
        font-size: 12px;
        padding: 1px;
}
#search_words {
	font-size: 12px;
}

/* MENU BAR for LITE */
#menu_lite {
    width: 100%;
    float: left;
}
#menu_lite a {
    display: inline-block;
    line-height: 38px;
    outline: 0;
    text-decoration: none;
}
#menu_lite li.separator {
    height: 38px;
    width: 3px;
}    
#menu_lite #maintabs, #accounttabs {
    list-style: none;
    margin: 0;
    padding: 0;
}
#menu_lite #maintabs {
    padding-left: 25px;
}
#menu_lite #maintabs li {
    float: left;
}
#menu_lite #maintabs a {
    font-size: 16px;
    color: #444444;
    text-shadow: 0 1px 0 #e7e7e7;
    padding: 0 22px;
}
#menu_lite #maintabs li.active a {
    color: #333333;
}
#menu_lite #accounttabs li {
    float: right;
}
#menu_lite #accounttabs a {
    color: #9f0022;
    padding: 0 12px;
    letter-spacing: -0.1px
}

/*error*/
#error,#success {
	margin: 0px auto 18px auto;
	width: 400px;
	font-weight: bold;
	text-align: center;
}
#error {
	color: #fff;
	background: #CC0000;
}
#error a {
	color: #fff;
	text-decoration: underline;
}
.required {
	color: red;
}

/*columns*/
div#wire {
	padding-right: 15px;
	padding-bottom: 10px;
	border-right: 1px solid #cccccc;
}
div#wiretip {
	padding-left: 15px;
	padding-bottom: 10px;
	border-left: 1px solid #cccccc;
}
#left, #middle, #right, #midright, #leftconnect, #midrightpad, #tippane, #leftmid {
	vertical-align: top;
}
#left, #tippane {
	padding: 0px 15px;
	width: 165px;
}
#leftmid {
	padding-left: 15px;
	width: 620px;
}
#leftconnect {
	padding: 0px 0px 0px 15px;
	width: 180px;
}
#middle {
	padding-right: 15px;
	width: 303px;
}
#right {
	padding-right: 15px;
	width: 302px;
}
#midright, #midrightpad {
	width: 620px;
	padding-right: 15px;
}
#midrightpad {
	padding-left: 15px;
	width: 605px;
}
#center {
	width: 800px;
	margin: 0 auto;
}

td.underlined {
    padding: 1px 5px;
    border-bottom: 1px solid #cccccc;
    font-weight: bold;
}

/* manage friend */
td.manage {
	padding: 1px 5px;
	border-top: 1px solid #cccccc;	
}
.dark {
	background: #f0f0f0;
}

/* threads */
td.thread {
	padding: 3px 5px;
	border-top: 1px solid #cccccc;
}

/* messages, forms */
#message, #form, .message, .replymessage, .replygrouppost {
	margin: 0px auto;
	margin-bottom: 15px;
}

#message, .message {
	width: 85%;
}
#form, .replymessage, .replygrouppost {
	width: 65%;
}
.replymessage h1 {
    padding: 5px;
}
#midright #form, #midrightpad #form, #leftmid #form {
    width: 80%;
}
td.formlabel {
	width: 25%;	
	text-align: right;
	vertical-align: top;	
}
td.forminput {
	padding-left: 10px;
}
.forminput input, .forminput textarea, .forminput select {
	width: 75%;
}
#advsearch .forminput input, #advsearch .forminput select {
        width: 275px;
}
.forminputfull {
    padding: 10px;
}
.forminputfull textarea {
    width: 100%;
}

.help {
	font-size: 11px;
}
.cancel {
	width: 10%;
	text-align: right;
}
#confirm {
	text-align: center;
}
#recipients {
	background: #fff;
	width: 70%;
	height: 160px;
	overflow: auto;
}

/*profile*/
#profilepic, .wireborder, #gsummary {
	margin-bottom: 15px;
}
#innersummary {
	margin: 0 5px;
	background: #fff;
}
#l0, #l1, #l2, #l3 {
	border: solid 1px #aaaaaa;
}
img { border-width: 0; }
.grey {
	color: #666666;
	padding-bottom: 5px;
}
td.networkshot {
	text-align: center;
	vertical-align: top;
	width: 25%;
}

/* bars, content */
.groupon, .groupoff, #grouptitle {
	font-size: 13px;
	width: 100%;
}
.forumon {
	font-size: 13px;
	width: 80%;
}
.groupon, .forumon {
	color: #fff;
}
.wirecontent {
	margin-bottom: 15px;
}
.contentbr, .bar {
	color: #fff;
	font-size: 13px;
	margin-bottom: 5px;
}
.contentbr {
	margin-bottom: 0px;
	border-bottom: 1px solid #cccccc;
}
.contentbr a, .bar a {
	color: #fff !important;
}
.contentbr .title td {
	padding-bottom: 3px;
}
.subcontent {
	padding: 3px 5px;
}
.underline, .underlinesub {
	font-size: 13px;
	font-weight: bold;
}
.underline {
	margin-bottom: 10px;	
}
#snippet, #innerform {
	font-size: 12px;
	padding: 0px 5px;
}
#snippet b {
	font-size: 13px;
}
#innerform b {
	font-size: 14px;
}
#snippet div {
	margin-top: 8px;
	margin-left: 5px;
	text-align: left;
}
#snippet table, #innerform table {
	width: 100%;
}
table.title, table.profile, table.friend {
	width: 100%;
}
table.friend {
	margin-bottom: 10px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 10px;
}
table.friend td.mugshot {
	padding: 5px;
	width: 25%;
	vertical-align: top;
}
td.label, td.sociallabel {
	font-weight: bold;
	vertical-align: top;
	white-space: nowrap;
	width: 35%;
	padding-right: 5px;
	color: #777777;
}
td.sociallabel {
	width: 15%;
}
table.title td {
	padding: 0px 5px;
}
td.edit {
	text-align: right;
}
.content {
	padding: 0px 0px 15px 5px;
}


/* scrolling */
#shell {
	overflow: hidden;
}
.albumshot {
	width: 165px;
	text-align: center;
	margin: auto;
}
#forward { display: none; }

/* invitations */
#invitemug {
        width: 50px;
}
#invitemug #l0, #invitemug #l1, #invitemug #l2, #invitemug #l3 {
        margin: 0;
}
#boilerplate {
	border: 1px solid #cccccc;
	background-color: #fff;
	padding: 5px;
}

/* boldlinks/jobs */
.joblistlinks {
	font-size: 13px;
}
.boldlinks {
	font-size: 14px;
	border-bottom: 1px solid #cccccc;
	padding-bottom: 5px;
}
.inputsmall select {
	width: 170px;
}
.inputsmall b {
	font-size: 12px !important;
}
#leftfilter {
	padding: 0px 15px;
	vertical-align: top;
	width: 200px;
}

/* recent login */
td.recentlogin {
	padding: 0px 5px;
	height: 80px;
	text-align: center;
}

b.searchword {
    text-decoration: underline;
}

/* popups */
#popup { 
	vertical-align: middle;
	position: absolute;
	top: 0px;
	right: 0px;
	margin-top: -63px;
	height: 60px;
	text-align: center;
	width: 150px;
	z-index: 100;
}
div.quicklink {
	padding-top: 3px;
}

.mich {
        background: white;
        border: 1px solid #AAAAAA;
        width: 100%;
        height:160px;
        overflow: auto;
}

/* privacy */
.privacyside {
	border-right: 1px solid #aaaaaa;
}
.privacyunder {
	border-bottom: 1px solid #aaaaaa;
}
form.editresume textarea {
    width:95%;
    margin-left:auto;
    margin-right:auto;
    margin-top:10px;
    margin-bottom:10px;

}

/* breadcrumbs */
div.breadcrumbs {
    margin-left:   5px;
    margin-right:  0px;
    margin-top:    0px;
    margin-bottom: 16px;
    font-family:   Arial, sans-serif;
    font-size:     11px;
    color:         #666666;
}

/* forms */
div.spaced_button {
    margin-left: 0px;
    margin-right: 10px;
    margin-top: 0px;
    margin-bottom: 0px;
}

/**************************************
CSS Button
***************************************/
.cssbutton {
    position: relative;
    display: inline-block;
    padding: 5px 10px;
    border: 1px solid #bbb;
    text-align: center;
    font-weight: bold;
    color: black;
    text-decoration: none !important;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px; 
    border-radius: 3px; 
}
.cssbutton .label {
    position: relative;
    z-index: 2;
    padding: 0;
    width: auto;
}
.cssbutton .topcolor {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    height: 30%;
    width: 100%;
    display: inline-block;
    -moz-border-radius-topleft: 3px;
    -webkit-border-top-left-radius: 3px; 
    border-top-left-radius: 3px; 
    -moz-border-radius-topright: 3px;
    -webkit-border-top-right-radius: 3px; 
    border-top-right-radius: 3px; 
}
.cssbutton .botcolor {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    height: 39%;
    width: 100%;
    display: inline-block;
    -moz-border-radius-bottomleft: 3px;
    -webkit-border-bottom-left-radius: 3px; 
    border-bottom-left-radius: 3px; 
    -moz-border-radius-bottomright: 3px;
    -webkit-border-bottom-right-radius: 3px; 
    border-bottom-right-radius: 3px; 
}