html {
	height: 100%;
}
body {
    font-family: 'Open Sans', Arial sans-serif;
    margin: 0;
	padding:0;
	height: 100%;
}
.logo{
	width:120px;
	height:25px;
	margin-top:6px;
	margin-left:5px;
	float:left;
	}
.binder-container {
	height:100%;
}
.binder-contents {
	/* temporary font selection */
	font-family: Arial, sans-serif;
	width:98%;
	height:94%;
	margin-left:auto;
	margin-right:auto;
	margin-top:4px;
}

/* Links get underline on hover */
a:hover {
	text-decoration:underline;
}
a {
    text-decoration:none;
    font-size: 12px;
}
input {
    font-size: 11px;
    font-family: Arial;
}
table.editor {
    width: 100%;
}
.window-sub-nav {
    font-size: 11px;
}
.view-entry {
    width: 166px;
    height: 166px;
    padding: 10px;
    border-bottom: 1px dashed #D7D7D7;
    font-size: 11px;
}
.top-level-selected-tab {
    font-weight: bold;
    font-size: 11px;
    color: #990000;
}
.binder-status {
	display:none; 
	position:absolute; 
	top:46px; 
	right:10px; 
	min-width:300px; 
	height:auto !important; 
	min-height:40px; 
	vertical-align:middle; 
	z-index:4001;
	color:#4C4C4C; 
	background-color:white;
    border: 1px solid #f0f0f0;
    padding:4px 20px 2px 20px;
    opacity: .9;
    filter: alpha(opacity=90);
}
.binder-slide-show-pane {
    padding:0px; 
    margin: 0px;
    background: white url(/images/pattern.gif) repeat top right;
}

.lead-in a:link {
    color:white;
}
.lead-in a:hover {
    color:#E0E0E0;
}

.lead-in-padding {
    padding: 0px;
    float: left;
}

.binder-lead-in {
    padding: 0px;
}

.binder-footer {
    height: 6px;
    text-align:center;
}

/* The following are old style for the player/editor and should be removed */
.binder-tab {
    padding-left: 0px;
    padding-right: 0px;
    position: relative;
	display:inline-block;
    bottom: -5px;
    line-height: 25px;
    height: 29px;
    width: 100%;
    overflow: hidden;
}
.binder-tab-selected {
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    top: 3px;
	z-index:20;
    left: 9px; 
    height: 29px;
    width: 100%;
    right: 10px;
    overflow: hidden;
}
#binder-tab-selected-left {
	left:0;
	position:absolute;
	z-index:20;
	top:3px;
	width:9px;
	height:29px;	 
}
.binder-tab-selected-text {
    left: 0px;
    right: 10px;
    width: 100%;
    position: absolute;
    overflow: hidden;
}
.binder-tab-selected-edit {
    font-weight: bold;
    font-size: 11px;
    position: absolute;
    bottom: 0px;
    left: 9px; 
    height: 29px;
    width: 100%;
    overflow: hidden;
    text-align: center;
}
.binder-tab-unselected {
    font-weight: bold;
    font-size: 11px;
    bottom: 0px;
    top: 3px;
	z-index:20;
    left: 9px; 
    height: 29px;
    width: 100%;
    overflow: hidden;
}
.basic-tab {
	    text-align: left;
	    float: left;
	    list-style: none;
}
#binder-tab-unselected-left {
	left:0;
	z-index:20;
	top:3px;
	width:9px;
	height:29px;
}
#binder-tab-unselected-right {
	right:0px; 
	width:9px;
	top:3px;
	height:29px; 
	z-index:20;
}

.binder-footer-left {
    padding-left:10px;
	padding-top:6px;
    font-size:x-small;
    float:left;
    text-align:left;
    width:30%;
}
.binder-footer-left a {
    text-decoration:underline;
}
.binder-footer-right {
    text-align:right;
    font-size: small;
    font-weight: normal;
    float:right;
    width:30%;
    font-weight: bold;
    font-size:11px;
    
}
.binder-footer-center {
    margin-top:6px;
    float:left;
    margin-left:auto;
    margin-right:auto;
    width:10%;
    text-align:center;
    font-size: 11px;
    line-height: 1.4;
}
.binder-header-top {
	background-color:#ffffff;
	border-bottom: solid 1px #EBEBEB;
	color: #1A1A1A;
    min-height:20px;
	margin:0;
    padding:0px 12px 0px 6px;
    z-index:500;
}
.binder-header-top a {
	color: #666666;
    font-size:small;
}
.binder-header-line {
    font-size:6px;
	height: 6px;
    padding: 0;
    margin: 0;
}

.binder-header-left {
    padding: 10px 0 3px 14px;
    font-size:18px;
    float:left;
    text-align:left;
    width:60%;
    line-height:92%;
	height:36px;
}
.binder-header-left a {
    text-decoration:underline;
}
.binder-header-right {
    text-align:right;
    font-size:12px;
    float:right;
    width:26%;
	height:36px;
}
.binder-header-right a {
    text-decoration:underline;
}
.binder-header-right img {
    vertical-align: middle;
    margin-top:0px;
}
.binder-header-center {
    float:left;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    width:36%;
    font-size: 11px;
    line-height: 1.4;
}

.binder-header-label {
	color: #666666;
    margin-top:14px;
    font-size:14px;
}

/* Toolbar */

.tb-icon {
    float: left;	
    padding: 2px;
    width: 16px;
    height: 16px;
    border: 1px solid #EEEEEE;
    background-color: #ffffff;
}

.tb-name {
    float: left;	
    padding: 3px;
    background-color: #D1DADA;
    border: 2px solid #FFFFFF;
    font-size: 11px;
    font-weight: bold;
}

.tb-text-select {
    float: right;	
}

.tb-spacer {
    float: left;
    width: 4px;
}

.tb-divider {
    float: left;
    width: 7px;
    height: 22px;
    border-right: 1px solid #8D8D8D;
}

.tb-group {
    margin-right:16%;
    margin-left: 16%;
}

.title-box {
    padding: 10px;
    background-color: #EEEEEE;
    border-top: 1px solid #EEEEEE;
}
.slide-box {
    padding: 20px;
    background-color: #EEEEEE;
    border-top: 1px solid #EEEEEE;
}
/*
* Layout
*/
.layout-table {
    width: 850px;
    font-size: 11px;
}
.layout-nav {
    text-align: right;
}
.layout-content {
    text-align: center;
}
.layout-footer {
    text-align: center;
}

.layout-img {
    padding-bottom: 0px;
    width:500px;
}

.login {
    padding-bottom: 5px;
}
.ads {
    text-align: center;
    padding-top: 10px;
    padding-bottom: 10px;
}
.featured-content {
    width: 550px;
    min-height: 510px;
    border: 1px solid #D7D7D7;
    background-color: #EEEEEE;
}
.featured-content-text {
    padding: 20px;
}
.about-content {
    width: 250px;
    padding: 10px;
    min-height: 300px;
    border: 1px solid #D7D7D7;
    background-color: #EEEEEE;
    font-size: 11px;
}
.edit-content {
    width: 200px;
    padding: 10px;
    min-height: 300px;
    border: 1px solid #D7D7D7;
    background-color: #EEEEEE;	
}
.edit-content-td {
    width: 240px;
}
table.about-content-table {
    width: 100%;
    font-size: 11px;
}
.signup-content {
    width: 250px;
    padding: 10px;
    min-height: 130px;
    border: 1px solid #D7D7D7;
    background-color: #EEEEEE;
}
.signup-form {
    width: 540px;
    min-height: 470px;
    padding-left: 10px;
    border: 1px solid #D7D7D7;
    background-color: #EEEEEE;	
    font-size: 11px;
}
.login-form {
    width: 280px;
    min-height: 300px;
    background-color: #FFF;	
}
.icon-small {
    float:left;
    margin-right:0px;
    margin-left:12px;
    margin-top:5px;
    width:36px; 
    height:35px; 
    background-image: url(/images/icons/binder_36x35.png);	
    background-repeat: no-repeat;
    border:0px none;
    padding-right:10px;
}
.icon {
    width:75px; 
    height:78px; 
	margin-left:8px;
	margin-top:8px;
    background-image: url(/images/icons/binder_icon.png);	
    background-repeat: no-repeat;
    border:0px none;
    padding-right:10px;
}
.icon-private {
	width:75px; 
	height:78px; 
	padding-top:1px;
	margin-left:10px;
	margin-top:10px;
	background-image: url(/images/icons/binder_icon_private.png);
	background-repeat: no-repeat;
	background-position: center;
	border:0px none;
}
.binder-thumb {
    width:60px; 
    height:60px; 
    border:0px none;
    margin-left: 10px;
    margin-top: 13px;
}
.errorExplanation {
    padding: 15px;
    border: 5px solid red;
    width: 90%;
}
.fieldWithErrors {
    border-left: 1px solid red;
}


/* Styles for images based tabs */
.my-tab-row  {
    height: 16px;
}

.my-tab-off {
    text-align: center;
    z-index: 10;
}

.my-tab-on {
    text-align: center;
    z-index: 10;
}
.my-tab-contentS{
    padding:0px 0px;
    border: 0px none;
    text-decoration:none;
    z-index: 10;
    height: 16px;
    text-align: left;
    margin-left:34px;
    
}
.my-tab-content {
    padding:0px 0px;
    border: 0px none;
    text-decoration:none;
    z-index: 10;
    height: 16px;
}
.my-tab-content-left {
    padding:0px 0px;
    width: 100px;
    height:30px;
    background-image: url(/images/main_nav_off_left.gif) ;
}
.my-create {
    text-align: center;
    z-index: 10;
    /* position: absolute;
    left: 700; 
    margin-top: 30px; */
    /* width:100px; */
}
.options-container {
    vertical-align: bottom;
    border-bottom: 1px solid #A6A5A6; 
    border-right:1px solid #A6A5A6;
}
.editor-options-close {
    /* width:220px; */
    width:40px;
    text-align: center;
    border:2px solid white; 
    font-weight: bold;
    padding:6px;
    background-color: #D1DADA;
    cursor: pointer;
}
.editor-options-spacer {
    height: 1px;
    position: absolute;
}
.editor-options-open {
    width:232px; 
    border-left:1px solid #A6A5A6; 
    border-bottom:1px solid #A6A5A6; 
    border-right:1px solid #A6A5A6; 
    display:none;
    background-color:#D1DADA;
}
.editor-tab {
    text-decoration: underline;
    color:#696969;
    font-weight: bold;
    font-size: 13px;
    text-decoration: none;
}

.editor-tab a {
    /*	color: #990000;	*/
    color: #003399;
}

.editor-tab-selected {
    font-weight: bold;
    font-size: 13px;
    color: #990000;	
}
.editor-divs {
    font-size: 13px;
    text-align: left;
    margin: 10px;
    font-weight: normal;
}
/*
* www.spiffycorners.com
*/
.spiffy-tab {
    text-align: center;
    padding-right: 5px;
}
.spiffy-tab-content {
    text-align: left;
}
.spiffy-tab-end {
    text-align: center;
}
.spiffy-sub-tab {
    background-color: #FFFFFF;
    padding: 10px 10px 10px 20px;
    text-align: center;
    font-size: 11px;
}
.my-sub-tab {
    width: 910px;
    background-image: url(/images/sub_nav_middle.gif);
    background-repeat: repeat-x;
    padding: 10px 10px 10px 20px;
    text-align: center;
    font-size: 11px;
    position: relative;
    top: -10px;
    z-index: 5;
}
.spiffy-sub-tab-b {
	position:relative;
	*top:0px;
	top:0px;
	height:auto;
	z-index:10;
	border-left:4px #D6D6D6 solid; 
	border-right:4px #D6D6D6 solid;
	border-top:4px #D6D6D6 solid;  
}

.binder-subtab-span {
	z-index:5;
}
#binder-tab-pane {
	border-left:4px #D6D6D6 solid; 
	border-right:4px #D6D6D6 solid;
	border-top:4px #D6D6D6 solid;
	position:relative;
	top:30px;
	background-color:#D6D6D6;
	z-index:5; 
	height:auto;
}
* html #binder-tab-pane {
	float:left;
	width:99%;
	
}
#binder-tab-pane-adj {
	position:relative;
	top:-28px;
}

.spiffy_white {
	height:99%;
	margin-top:8px;
}
.spiffy-tab-content-b {
    text-align: center;
    white-space: nowrap;
    padding-right: 0px;
	display:inline-block;
	margin-left:-4px;
	width:auto;
}
.main-tab-content {
	float:left;
    text-align: center;
    white-space: nowrap;
    padding-right: 0px;
    min-width: 200px;
}
.spiffy-tab-content-add {
    white-space: nowrap;
    padding-right: 0px;
    width: 14px;
    text-align:left;
    padding-top:5px;
}
.spiffy-tab-credits {
    text-align: center;
    white-space: nowrap;
}
.spiffy-tab-credits {
    text-align: center;
    padding-left: 50px;
}
/* selected */
.spiffyS{
    display:block;
    font-size: 11px;
}
.spiffyS *{
    display:block;
    height:1px;
    overflow:hidden;
    background:#D1DADA;
}
.spiffyS1{
    border-right:1px solid #fcfcfc;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #fcfcfc;
    padding-left:1px;
    margin-left:3px;
    background:#fdfdfd;
}
.spiffyS2{
    border-right:1px solid #fafafa;
    border-left:1px solid #fafafa;
    padding:0px 1px;
    background:#fefefe;
    margin:0px 1px;
}
.spiffyS3{
    border-right:1px solid #fefefe;
    border-left:1px solid #fefefe;
    margin:0px 1px;
}
.spiffyS4{
    border-right:1px solid #fcfcfc;
    border-left:1px solid #fcfcfc;
}
.spiffyS5{
    border-right:1px solid #fdfdfd;
    border-left:1px solid #fdfdfd;
}
.spiffy_contentS{
    padding:0px 5px;
    background:#D1DADA;
    font-size:11px;
    font-weight: bold;
    height: 20px;
    padding-top: 2px;
}
.spiffy_contentSC{
    padding:0px 5px;
    background:#FFFFFF;
    text-align: center;
}

/* not selected */
.spiffy{
    display:block;
}
.spiffy *{
    display:block;
    height:1px;
    overflow:hidden;
    background:#5C7D7F;
    font-size:11px;
}
.spiffy1{
    border-right:1px solid #e6e6e6;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #e6e6e6;
    padding-left:1px;
    margin-left:3px;
    background:#d7d7d7;
}
.spiffy2{
    border-right:1px solid #f5f5f5;
    border-left:1px solid #f5f5f5;
    padding:0px 1px;
    background:#d4d4d4;
    margin:0px 1px;
}
.spiffy3{
    border-right:1px solid #d4d4d4;
    border-left:1px solid #d4d4d4;
    margin:0px 1px;
}
.spiffy4{
    border-right:1px solid #e6e6e6;
    border-left:1px solid #e6e6e6;
}
.spiffy5{
    border-right:1px solid #d7d7d7;
    border-left:1px solid #d7d7d7;
}

.spiffy_content{
    padding:0px 5px;
    background:#5C7D7F;
    font-weight: bold;
    font-size: 11px;
    height: 20px;
    padding-top: 2px;
}


/* Toolbar */
.spiffyT{
    display:block;
}
.spiffyT *{
    display:block;
    height:1px;
    overflow:hidden;
    background:#E1E7EE;
}
.spiffyT1{
    border-right:1px solid #f2f4f7;
    padding-right:1px;
    margin-right:3px;
    border-left:1px solid #f2f4f7;
    padding-left:1px;
    margin-left:3px;
    background:#e8edf2;
}
.spiffyT2{
    border-right:1px solid #fcfcfd;
    border-left:1px solid #fcfcfd;
    padding:0px 1px;
    background:#e6ebf1;
    margin:0px 1px;
}
.spiffyT3{
    border-right:1px solid #e6ebf1;
    border-left:1px solid #e6ebf1;
    margin:0px 1px;
}
.spiffyT4{
    border-right:1px solid #f2f4f7;
    border-left:1px solid #f2f4f7;
}
.spiffyT5{
    border-right:1px solid #e8edf2;
    border-left:1px solid #e8edf2;
}
.spiffy_toolbar{
    padding:0px 0px;
    /* border:5px solid #DFDFDF; */
    background:#E1E7EE;
    height: 24px;
    width: 56%;
    float: right;
    position: relative;
    top: -2px;
    /* margin:2px 0px; */
}
.edit-menu {
    padding:12px;
    width:100%; /* IE */
    width:auto; 
    height:auto;
    border:1px solid #b2b2b2; 
    margin:2px;
    display:none; 
    position: absolute;
    background-color:#fff;
    text-align: left;
	color:#666;
    text-decoration:none;
    font-weight:bold;
    z-index:5200;
    list-style: none;
}
.edit-menu a {
	color:#555;
}

* html body .edit-menu {
    position: absolute;
}

a.mybut {
    width:20px;
    background-color:white;
    height:100%;
    background-image: url(/images/d2.png) no-repeat;
    border-top:1px solid #999B9E;
    border-right:1px solid #999B9E;
    border-bottom:1px solid #999B9E; 
    text-decoration:none;
    /*position: absolute;*/
    position:relative;
    /* left:-10px; */
    /* top:3px; */
    z-index:10000;
 	right:15px;
 	top:6px;
}

a.mi {
    border:0px;
    display:block;
	vertical-align:middle;
}
a.mi#mi-ok {
    text-align:center;
}


.menu-separator {
    border-top: solid 1px #aaaaaa;
    display: block;
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
}

.if {
    overflow: auto;
	-webkit-overflow-scrolling:touch;
    border:0px dashed #D7D7D7;
    width:100%;
    height:90%;
    z-index:998;
}
.med {
    overflow: auto;
    border:0px;
    width:99%;
    height:98%;
	position:relative;
    z-index:997;
    background-color: white;
}
.iframe-title-content {
    overflow: auto;
    text-align:left;
    font-size:x-large;
    position: relative;
    top: 0%;
    left: 1%;
    height: 12%;
    border: none;
}
.if-div {
    /* border:1px solid #D7D7D7; */
    width:48%; 
    height:78%;
    left:1%;
    overflow:auto;
	-webkit-overflow-scrolling:touch;
    background-color: transparent;
    z-index:990;
    float:left;
    margin-left:10px;
    top:0%;
    min-width:10px;
}
@media screen and (max-width:480px) { 
    .if-div {
        width:100%;
    }
} 
.if-div-url {
    border:1px solid #D7D7D7; 
    width:98%; 
    min-height:20px;
    left:1%;
    overflow:auto;
	-webkit-overflow-scrolling:touch;
    background-color: transparent;
    z-index:990;
    float:left;
    margin-left:10px;
    top:0%;
    min-width:10px;
}
.if-div-comment {
    border:1px solid #D7D7D7; 
    width:48%; 
    height:16%;
    left:1%;
    top:20%;
    background-color: transparent;
    z-index:998;
}

.if-div-right {
    /* border:1px solid #D7D7D7; */
    width:48%; 
    height:78%;
    left:51%;
    overflow:auto;
	-webkit-overflow-scrolling:touch;
    background-color: transparent;
    z-index:998;
}
@media screen and (max-width:480px) { 
    .if-div-right {
        width:100%;
        float:left;
        left:0px;
    }   
}
.if-div-sm {
    float:left;
    width:23%;
}
@media screen and (max-width:480px) { 
    .if-div-sm {
        width:100%;
        float:left;
        left:0px;
    }   
} 
.if-div-right-lg {
    width:48%; 
    height:78%;
    left:27%;
    overflow:auto;
	-webkit-overflow-scrolling:touch;
    background-color: transparent;
    z-index:998;
}
.if-div-wide {
    float:left;
    width:71%;
    margin-left:10px;
}
@media screen and (max-width:480px) { 
    .if-div-wide {
        width:100%;
        margin-left:0px;
    }   
}
.if-banner {
    cursor:move;
    display:none;
    width:100%;
    height:0px;
    margin-top:0px;
    background-color:#cc99cc;
    z-index:1001;
    
    /* make it transparent */
    filter:alpha(opacity = 50);
    -moz-opacity:0.5;
    opacity: 0.5;
}

.if-edit-link {
    position:relative;
    float:right;
    top:28px;
    margin-top:4px;
    margin-left:4px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if0-edit-link {
    position:relative;
    float:right;
    top:48px;
    right:12px;
    margin-top:4px;
    margin-left:4px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if0a-edit-link {
    position:relative;
    float:right;
    top:28px;
    margin-top:4px;
    margin-left:16px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if0b-edit-link {
    position:relative;
    float:right;
    top:48px;
    margin-top:0px;
    margin-left:18px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if0c-edit-link {
    position:relative;
    float:right;
    top:28px;
    margin-top:0px;
    margin-left:28px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if1a-edit-link {
    position:absolute;
    float:right;
    right:52%;
    top:2px;
    margin-top:0px;
    margin-left:0px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if1b-edit-link {
    position:absolute;
    float:right;
    right:1%;
    top:2px;
    margin-top:0px;
    margin-left:0px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if1c-edit-link {
    position:absolute;
    float:right;
    right:75%;
    top:2px;
    margin-top:0px;
    margin-left:0px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.if1d-edit-link {
    position:absolute;
    float:right;
    right:1%;
    top:2px;
    margin-top:0px;
    margin-left:0px;
    padding:3px;
    font-size:small;
    z-index:1002;
}

.edit-box {
    width: 99%;
    height: 210px;
    position: absolute;
    left: 12px;
    bottom: 0px;
    z-index:4000;
}
.edit-footer {
    z-index:999999;
	height:04px;
	position:fixed;
	bottom:0px; 
	width:98%;
	*position:relative;
}
.edit-search-title {
    height:60px;
    width:74px;
    padding-top:4px;
    font-size:11px;
    font-weight:bold;
    text-align:left;
    overflow: hidden;
    margin-bottom:4px;
}
.if-body {
	vertical-align:top;
    /* ipad fix: overflow: auto; */
	vertical-align:top; 
	text-align:center; 
	font-size:36px; 
	margin:2px; 
	height:auto;
}
@media screen and (max-width:480px) {  
    .if-body {
        width:100%;
        float:left;
    }
} 
.if-body ul {position:relative;}
.if-body ol {position:relative;}
.slide-outline {position:relative;}
#slide-outline {position:relative;}
.slide-outline ul {
    padding-left: 1em;
    margin-left: 0px;
}
.iframe-title-text {
    height: auto;
	overflow: auto;	
	vertical-align:top;
	width:98%;
 	float:left;
	padding-bottom:10px;
	height:0px;
}


#m0-title {
    overflow:hidden;
    /*line-height:2em;*/
    font-size: 11px;
    color: #606060;
    border: 0px;
    width:98%;
    float:left;
}
#m1-title {
    overflow:hidden;
    line-height:2em;
    font-size: 11px;
    color: #606060;
}
.if-resize {
    cursor:move; 
    display:none ;
    float:right ;
    width:0px ;
    height:0px;
    margin-top:0px ;
    background-color:#cc99cc ;
    z-index:1001;
}
.div-parent {
    position:relative;
	overflow: visible;
    margin: 0 auto;
    padding: 1px;
	z-index:1000;
    /* border:1px solid #ff0000;*/
}
.coveremall {
    /* For debugging
    *
    *
    */
    background-color: #99ccbb; 
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    opacity: 0.5;
    
    cursor:move;
    display:none ;
    position:absolute ;
    width:100% ;
    height:100% ;
    z-index:1000;
}
.smallColorSquare{
    width:10px;
    height:10px;
    float:left;
    border:1px solid #000000;
    margin-right:1px;
    margin-bottom:1px;
    cursor:pointer;
    z-index:1001;
}
.color-menu {
    width:200px;
    position:absolute;
    margin-top:28px;
    margin-left:6px;
    background-color:white;
    z-index:1001
}
.editor-buttons {
    /*width:100%;*/
    height:24px;
    border:5px solid #DFDFDF; 
    text-align:center;
}  
#nav, #nav ul {
    margin: 0;
    list-style: none;
    padding: 3px;
    background-color: #D1DADA;
    font-size: 11px;
    font-weight: bold;
    z-index: 1200;
}
#nav a {
    display: block;
    width: 5em;
    padding: 3px;
    background-color: #D1DADA;
    border: 1px solid #FFFFFF;
    font-size: 11px;
    font-weight: bold;
    text-align: center;
}
#nav li {
    float: left;
    width: 5em;
}
#nav li ul {
    position: absolute;
    width: 9em;
    left: -999em;
}
#nav li ul a {
    width: 9em;
    text-align: left;
}
#nav li ul a:hover {
    background-color: #9999cc;
}
#nav li:hover ul, #nav li.sfhover ul {
    left: auto;
}
.search-title {
    font-family: arial;
    font-size: 13px;
    font-weight: bold;
}
#bintab-s {
    width:100%;
}
#bitab-us {
    width:100%;
    float: right; 
    height: 29px;
    margin-top: 0px;
    width: 10%;
    position: relative;
    background: url("/images/main_nav_off_right.gif") no-repeat; 
}

/* the following rule is recognized only by IE6 */	
* html body #binder-tab-selected-right {
    top: -1px;
}
* html body #binder-tab-selected-left {
    top: -1px;
}
* html body #binder-tab-unselected-left {
	top: -1px;
}
* html body #binder-tab-unselected-right {
	top: -1px;
}
* html body .btimg-u {
    top: -1px;
}
* html body .binder-tab-unselected {
    top: -1px;
}
* html body .binder-tab-selected-edit {
    position: relative;
}

.binder-info {
	font-family:'Open Sans', Arial, sans-serif;
	padding:6px 10px 6px 10px;
    text-align: left;
    color: #525252;
    background-color:#EBEBEB;
    font-weight: normal;
    font-size:small;
}
.binder-info a {
    font-size:small;
}
.binder-info input[type="submit"]
{
    font-family:'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif;
}
.binder-info input[type="button"]
{
    font-family:'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif;
}
.binder-info input[type="select"]
{
    font-family:'Open Sans', 'arial narrow', Arial, Helvetica, sans-serif;
}
/**
* POPUP CONTAINER STYLES
*/
#popupMask {
    position: absolute;
    z-index: 9998;
    top: 0px;
    left: 0px;
    width: 100%;
    height: 100%;
    opacity: .4;
    filter: alpha(opacity=40);
    /* this hack is so it works in IE
    */
    background-color:transparent !important;
    background-color: #333333;
    /* this hack is for opera support
    * you can uncomment the background-image if you don't care about opera.
    * this gives you the flexibility to use any bg color that you want, instead of the png
    */
  background-image/**/: url("/images/maskBG.png") !important; /* For browsers Moz, Opera, etc.*/
    background-image:none;
    background-repeat: repeat;
    display:none;
}
#popupContainer {
    position: absolute;
    z-index: 9999;
    top: 0px;
    left: 0px;
    display:none;
    padding: 0px;
}
#popupInner {
    border: 2px solid #000000;
    background-color: #ffffff;
}

#popupFrame {
    margin: 0px;
    width: 100%;
    height: 100%;
    position: relative;
    z-index: 9999;
    text-align: center;
    font-family: arial;
    font-size: 11px;
}
#popupTitleBar {
    background-color: #486CAE;
    color: #ffffff;
    font-weight: bold;
    height: 1.3em;
    padding: 5px;
    border-bottom: 2px solid #000000;
    border-top: 1px solid #78A3F2;
    border-left: 1px solid #78A3F2;
    border-right: 1px solid #204095;
    position: relative;
    z-index: 9999;
}
#popupTitle {
    float:left;
    font-size: 1.1em;
}
#popupControls {
    float: right;
    cursor: pointer;
}
.player-frame {
    border: 2px solid green;
    padding: 1px;
}
.player-binder-name {
    font-size:12px;
    line-height:20px;
}
.player-what{
    position: relative;
    float:left; 
    color:#878787;
    text-align:left;
    z-index: 0;
}
.player-what:hover{
    background-color: transparent;
    z-index: 50;
}
.player-what span{ /*CSS for enlarged image*/
    position: absolute;
    background-color: #ECEDDF;
    padding: 5px;
    left: -1000px;
    border: 1px solid gray;
    visibility: hidden;
    text-align:center;
    color: blue;
    text-decoration: none;
}
.player-what span img{ /*CSS for enlarged image*/
    border-width: 0;
    padding: 2px;
}
.player-what:hover span{ /*CSS for enlarged image on hover*/
    visibility: visible;
    top: 0;
    left: 60px; /*position where enlarged image should offset horizontally */
}
.about-title {
    font-size:20px;
    font-weight:bold;
    text-align:center;
    width:50%;  
}
.about-content {
    font-size:14px;
    width:50%;
    float:left;
    text-align:left;
}
.about-frame {
    width:50%;
    float:left;
}
/* styles for helper menu */
.helper-main {
    width:162px;
    position:absolute;
    top:40px;
    right:4px;
    padding-right:6px;
    z-index: 1000;
}
.helper-top {
    height:23px;
    width:154px;
    background-color: transparent;
    background-image: url(/images/helper_top.gif);
    background-repeat:no-repeat;
}
.helper-middle {
    background-color: transparent;
    background-image: url(/images/helper_middle.gif);
    background-repeat:repeat-y;
    width:154px;
    margin-left:1px;
    text-align:left;
    font-size:12px;
}
.helper-bottom {
    height:22px;
    width:154px;
    background-image: url(/images/helper_bottom.gif);
    background-color: transparent;
    background-repeat:no-repeat;
}
.image-arrow-h {
    background-image: url(/images/icons/arrow_button_h.gif);
    background-repeat:no-repeat;
    padding-left:24px;
    margin-left:6px;
    height:16px;
}
.clear-floats {
    clear: both;
}

#close-modal-window {
    position: relative;
    top:0px;
    text-align:right;
    margin-right:-14px;
    margin-bottom:6px;
}

.close-modal-window {
    position: relative;
    top:0px;
    text-align:right;
    margin-right:-14px;
    margin-bottom:6px;
}

#close-modal-window a {
    color:#333333;
    font-weight:bold;
}

.close-modal-window a {
    color:#333333;
    font-weight:bold;
}

.modal-window {
    display: none;
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:7200;
}
* html .modal-window {
    width:110%;
    height:1000px;
}

.modal-iframe {
    width: 100%;
    height: 100%;
    position: absolute;
    left: 0px;
    top: 0px;
    z-index:5000;
    background-color: red;
    opacity: .1;
    filter: alpha(opacity=10);
}

#modal-window-background {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: relative;
    z-index:7000 !important;
    opacity: .2;
    filter: alpha(opacity=20);
}

.modal-window-background {
    width: 100%;
    height: 100%;
    background-color: #000;
    position: relative;
    z-index:7000 !important;
    opacity: .2;
    filter: alpha(opacity=20);
}

#edit-background {
    width: 150%;
    height: 100%;
    margin-left:-50%;
    position: absolute;
    bottom:0;
    z-index:5000;
    opacity: .0;
    filter: alpha(opacity=0);
}
#edit-box-content {
    filter:alpha(opacity=95);
    -moz-opacity:0.95;
    opacity: 0.95;
    z-index:9000;
    width:98%;
    height:200px;
    bottom:48px;
    position:absolute;
	bottom:0px;
	background-color:#f7f6B9;
	border: solid 3px #FBE356;
}

.modal-window-login-content {
    font-size: small;
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 180px;
    width: 270px;
    margin-left: -125px;
    margin-top: -125px;
    z-index:9000;
    text-align:center;
    border: 1px solid #969696;
    border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 14px 1px #404040;
    padding:6px 20px 0 20px;
    opacity: .9;
    filter: alpha(opacity=90);
    padding-top: 8px;
}
* html .modal-window-login-content {
    left:45%;
    width:300px;
}
#modal-window-signup-content {
    background-color: #ffffff;
    position: absolute;
    left: 50%;
    top: 160px;
    width: 400px;
    height: 440px;
    margin-left: -125px;
    margin-top: -125px;
    z-index:6000;
    text-align:left;
    border: solid 2px #950202;
    padding:0 20px 0 20px;
}
* html #modal-window-signup-content {
    left: 50%;
}
.share {
    text-align:right;
    margin-top:4px;
    float:right;
    width:344px;
	height:29px;
    background: url(/images/icons/share.gif);
    background-repeat:no-repeat;
}
#about-content-1 {
    color:#ff0000;
}
.edit-menu-text {
    font-size:12px;
    font-weight:normal;
    width:44%;
    margin-left:4px;
    float:left;
    text-align:left;
	white-space:normal;
}
.xsearch {
    width:98%;
    border-left:0px solid #A6A5A6;
    border-bottom:0px solid #A6A5A6;
    border-right:0px solid #A6A5A6;
}
.results-text {
    float:left;
    width:150px;
    text-align:left;
    font-size:10px;
    font-weight:bold;
    padding-left:6px;
    padding-top:5px;
}
.alert {
    display:none;
    text-align:left;
    position:absolute;
    top:30px;
    right:30px;
    width:200px;
    border: solid 3px #f0f0f0;
    padding:15px 20px 5px 20px;
    z-index:10000;
	color:#4C4C4C;
	background-color:white;
	-webkit-box-shadow:7px 8px 10px #7D7D7D;
	-moz-box-shadow: 7px 8px 10px #7D7D7D;
	box-shadow: 7px 8px 10px #7D7D7D;
}
.more-tabs-left {
	float:left; 
	position:relative;
	top:5px;
	width:18px;
	height:29px;
	z-index:1000;
	cursor:pointer;
}
*.more-tabs-left {
	top /*\**/:4px\9;
}
.more-tabs-right {
	float:left;  
	border:0;
	position:relative;
	top:5px;
	left:-1px;
	width:18px;
	height:29px;
	z-index:1000;
	cursor:pointer;
}
*.more-tabs-right {
	top /*\**/:4px\9;
}
/* styles for the star rater */
.star-rating{
    float:right;
    list-style:none;
    margin: 0px;
    padding:0px;
    width: 100px;
    height: 20px;
    position: relative;
}
.star-rating li{
    padding:0px;
    margin:0px;
    /*\*/
    float: left;
    /* */
}

.star-rating li a{
    display:block;
    width:20px;
    height: 20px;
    text-decoration: none;
    text-indent: -9000px;
    z-index: 20;
    position: absolute;
    padding: 0px;
}
.star-rating li a:hover{
    z-index: 1;
    left: 0px;
}
.star-rating a.one-star{
    left: 0px;
}
.star-rating a.one-star:hover{
    width:20px;
}
.one-star-rating {
    z-index: 1;
    left: 0px;
    width: 20px;
}
.star-rating a.two-stars{
    left:20px;
}
.star-rating a.two-stars:hover{
    width: 40px;
}
.two-star-rating {
    z-index: 1;
    left: 20px;
    width: 40px;
}
.star-rating a.three-stars{
    left: 40px;
}
.star-rating a.three-stars:hover{
    width: 60px;
}
.three-star-rating {
    z-index: 1;
    left: 40px;
    width: 60px;    
}
.star-rating a.four-stars{
    left: 60px;
}	
.star-rating a.four-stars:hover{
    width: 80px;
}
.four-star-rating {
    z-index: 1;
    left: 60px;
    width: 80px;    
}
.star-rating a.five-stars{
    left: 80px;
}
.star-rating a.five-stars:hover{
    width: 100px;
}
.five-star-rating {
    z-index: 1;
    left: 80px;
    width: 100px;    
}
#properties-block {
    width: 100%;
    background-color: #000000;
    position: relative;
    z-index:6000;
    opacity: .3;
    filter: alpha(opacity=30);
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=10);
	height:150px;
}
#properties-image {
    width: 100%;
    background: url(/images/trans.png) repeat top right;
    position: relative;
    z-index:6000;
	height:150px;
}
.tablist {
  background-color:#FFFFFF;
  border-color:#BBBBBB #FFFFFF #FFFFFF #BBBBBB;
  border-style:solid;
  border-width:1px;
  overflow:auto;
  padding:5px;
  font-size: 13px;
  line-height: 20px;
  text-align: left;
  width:14em;
  height:40px;
}
.edit-menu-on {
	padding: 1px 3px 1px 3px;
	background-color: #F6F5B1;
	border-top: 1px solid #ACAD9E;
	border-right: 1px solid #ACAD9E;
	border-left: 1px solid #ACAD9E;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-left:2px;
}
.edit-menu-off {
	padding: 1px 3px 1px 3px;
	background-color: #D1CFCF;
	border-top: 1px solid #ACAD9E;
	border-right: 1px solid #ACAD9E;
	border-left: 1px solid #ACAD9E;
	-moz-border-top-right-radius: 4px;
	border-top-right-radius: 4px;
	margin-left:2px;
}

#drop-nav {
    margin:0;
    padding:0;
    list-style:none;
    float:right;
    margin-top:0px;
}     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    #drop-nav li {
        display:inline-block;
        position:relative;
		text-align:left;
		top:0px;
        z-index:5100;
        margin:0 1px;
		/* crazy stuff below this line to get IE7 to work */
		zoom:1; 
		*display: inline; 
		_height: 30px;
    }       
    /* this is the parent menu */
    #drop-nav li a {
        display:inline-block;		
        text-decoration:none;
        z-index:600;
    }
    #drop-nav li img {
        vertical-align:middle;
		z-index: 600;
    }

    #drop-nav li a:hover {
        color:#666666;
		text-decoration: underline;
    }      

        /* submenu, it's hidden by default */
        #drop-nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -15px;
            padding:0;
            list-style:none;
			background-color:#f1f1f1;
			*margin-top:24px;
			margin-bottom:4px;
        }        
        #drop-nav ul li {
            min-width:130px;
            float:left;
            border-bottom: 1px solid #e9e9e9;
        }        
        /* display block will make the link fill the whole area of LI */
        #drop-nav ul a {
            display:block; 
            height:30px;
            padding: 4px 4px 0px 4px;
            color:#666;
            z-index:3000;
            text-decoration: none;
        }         
        #drop-nav ul a:hover {
            background-color:#ff0000; 
            color:white;
            text-decoration: none;
        }
.drop-nav {
    margin:0;
    padding:0;
    list-style:none;
    float:right;
    margin-top:0px;
}     
    /* make the LI display inline */
    /* it's position relative so that position absolute */
    /* can be used in submenu */
    .drop-nav li {
        display:inline-block;
        position:relative;
        text-align:left;
        top:0px;
        z-index:5100;
        margin:0 1px;
        /* crazy stuff below this line to get IE7 to work */
        zoom:1; 
        *display: inline; 
        _height: 30px;
    }       
    /* this is the parent menu */
    .drop-nav li a {
        display:inline-block;       
        text-decoration:none;
        z-index:600;
    }
    .drop-nav li img {
        vertical-align:middle;
        z-index: 600;
    }

    .drop-nav li a:hover {
        color:#666666;
        text-decoration: underline;
    }      

        /* submenu, it's hidden by default */
        .drop-nav ul {
            position:absolute;
            left:0;
            display:none;
            margin:0 0 0 -15px;
            padding:0;
            list-style:none;
            background-color:#f1f1f1;
            *margin-top:24px;
            margin-bottom:4px;
        }        
        .drop-nav ul li {
            min-width:130px;
            float:left;
            border-bottom: 1px solid #e9e9e9;
        }        
        /* display block will make the link fill the whole area of LI */
        .drop-nav ul a {
            display:block; 
            height:30px;
            padding: 4px 4px 0px 4px;
            color:#666;
            z-index:3000;
            text-decoration: none;
        }         
        .drop-nav ul a:hover {
            background-color:#ff0000; 
            color:white;
            text-decoration: none;
        }
/* fix ie6 small issue */
*html #drop-nav ul {
    margin:0 0 0 -2px;
}

    /* Pull right menu */
    #drop-nav ul li ul {
      width:120px;
      float:left;
      display:none;
      top:12px; 
      left:86px;
    }        

    #drop-nav ul li ul a:hover {
      color:white;
      text-decoration:underline; 
    }

.useful {
	float:right;
	margin:-1px 0px 0px 0px;
	background-color:#F0F0F0;
	color: #666;
	font-size:12px;
	min-width:70px;
	height:20px;
	padding:4px 14px 3px 3px;
	*width:100px;
}
.useful img {
	border:0;
	margin-left:4px;
}
.useful a {
	text-decoration:none;
	color:#666666;
}
.badge {
	float:right;
	max-width:70px;
	margin:0px 14px 0px 6px;
}
.editor-note {
	position:absolute;
	background-image:url(/images/help_bubble.png);
	background-repeat:no-repeat;
	right:150px;
	top:22px;
	width:140px;
	height:80px;
	padding:20px 4px 2px 10px;
	border:0;
}
.upload-note {
	display:inline-block;
	position:absolute;
	background-image:url(/images/help_bubble.png);
	background-repeat:no-repeat;
	left:-106px;
	top:12px;
	width:120px;
	height:80px;
	padding:20px 10px 2px 10px;
	border:0;
}
.subtab-note {
	display:inline-block;
	position:absolute;
	background-color:#FFE303;
	left:-20px;
	top:60px;
	width:80px;
	padding:10px 10px 10px 10px;
	color:#666666;
	border:0;
}

.ipad-message {
	display:none;
	position:absolute;
	top:12px;
	left:30px;
	width:250px;height:60px;
	background-color:white;
	padding:4px 6px 4px 6px;
	border: 1px solid #C4C4C4;
}

.icon-list {
	position:relative;
	margin-left:2px;
	margin-top:-24px;
	margin-bottom:-6px;
	padding-top:19px;
	width:52px; 
	height:52px; 
	background-image: url(/images/icons/binder_list_view.png);
	background-repeat: no-repeat;
	background-position: center;
	border:0px none;
	cursor:pointer;
}

.icon-list-private {
	position:relative;
	margin-left:2px;
	margin-top:-24px;
	margin-bottom:-6px;
	padding-top:19px;
	width:52px; 
	height:52px; 
	background-image: url(/images/icons/binder_list_view_private.png);
	background-repeat: no-repeat;
	background-position: center;
	border:0px none;
	cursor:pointer;
}

.embed-list {
	background-color:#BED0E3;
	padding:4px 4px 4px 4px;
	margin-top:10px;
	margin-bottom:8px;
	text-align:left;
}

.toc {
	line-height:1.4;
    text-align:left;
}

.toc a {
	font-size:14pt;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
    text-decoration:underline;
    color:#55555;
}

.toc-sub {
	font-size:12pt;
	line-height:1;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
}

.toc-div {
    height:96%;
    overflow:auto;
    padding-left:10px;
}

.toc-div ul {
    margin:4px 4px 4px -4px;
}

.toc-dialog {
	max-height:500px;
}

#binder-subtab-pane {
	display:block;
	z-index:10;
}

.tab_layout_input_row {
    font-size: 12px;
    font-weight: 600;
    color: #666;
    margin-left: 8px;
    margin-top: 14px;
}

.tab_layout_radio {
    margin-left: 22px;
    margin-top: 6px;
}

#select_binder_colors a {
	text-decoration:underline;
}
.tab-content-box {
	background-color:#FAFAFA;
	padding:8px 8px 4px 8px;
	z-index:100004;
	margin-bottom:10px;
}
.tab-content-box-act {
	background-color:#F7F6B9;
	display:inline-block;
	padding:4px 6px 4px 6px;
	border-radius: 6px 6px 0px 0px;	
	z-index:2010;
}
.tab-content-box-inact {
	background-color:white;
	display:inline-block;
	border-top: 1px solid #CCCCCC;
	border-left: 1px solid #CCCCCC;
	border-right: 1px solid #CCCCCC;
	padding:4px 6px 4px 6px;
	border-radius: 6px 6px 0px 0px;	
	z-index:1990;
}
.top-edit-buttons {
	display:inline-block;
	float:left;
	height:42px;
	background-color:#666666;
	padding:4px 6px 4px 6px;
	margin-right:-3px;
	color:white;
	text-align:center;
	margin-top:8px;
	width:auto;
}
.top-edit-buttons li a:hover {
    color:#4f4f4f;
	text-decoration: underline;
}
.top-edit-buttons-light {
	display:inline-block;
	min-width:42px;
	height:32px;
	background-color:#F4F4F4;
	padding:14px 6px 4px 6px;
	margin-right:-2px;
	color:black;
	text-align:center;
	margin-top:4px;
	display:inline-block;
}
.top-edit-buttons img {
	margin-bottom:-5px;
}
#button-nav {
    float:right;
    margin:0;
    padding:0;
    list-style:none;
}     

#button-nav li {
        display:inline-block;
        position:relative;
		text-align:left;
		top:-5px;
        z-index:5100;
        margin:0 1px;
		/* crazy stuff below this line to get IE7 to work */
		zoom:1; 
		*display: inline; 
		_height: 30px;
		}  
#button-nav a {
	color:white;
	text-decoration:none;
	margin-top:2px;
}
#button-nav div:hover a {
	color:white;
	text-decoration:none;
	margin-top:2px;
}
div.button-nav a:visited  {
	color:white;
	text-decoration:none;
	margin-top:2px;
}

.ui-button-text {
    font-size: 10px; 
}

.ui-dialog {
    box-shadow: 0 0 14px 1px #404040;
    border-radius: 6px 6px 6px 6px;
    opacity: .95;
    filter: alpha(opacity=95);
}

.ui-dialog-content input {
    font-size:11px;
}

.ui-dialog-titlebar {
    height:10px;
    font-size:11px;
}

.modal-dialog-background {
	display: none;
    width: 100%;
    height: 100%;
    border:0px;
    left: 0px;
    top: 0px;
    z-index:7000 !important;
    position: absolute;
    /*opacity: .2;
    filter: alpha(opacity=20);*/
}

.modal-window-editor-content {
    z-index: 100004;
    /* position:relative;
       top: 0px;
       left: 0px; */
}
.search-box {
    width:200px;
    position:relative; top:2px; 
    color:#666;
    padding:2px 5px 2px 10px;
    border:1px solid #ccc;
    border-radius: 8px 8px 8px 8px;
    background:white url(/images/icons/search.png) 96% 50% no-repeat;	
}
.tooltip {
    display: inline;
    position: relative;
}
.tooltip:hover:after {
    background: #f1f1f1;
    top: 26px;
    color: #666666;
    font-weight:300;
    content: attr(title);
    left: 20%;
    padding: 5px 15px;
    position: absolute;
    z-index: 3098;
    min-width:100px;
}
.tooltip:hover:before {
    border: solid;
    border: 6px solid transparent;
	border-bottom-color: #f1f1f1;
    top: 14px;
    content: "";
    left: 50%;
    position: absolute;
    z-index: 3099;
}
.pricing-box{
	float:left;
	margin-left:16px;
}
.pricing-head {
	width:224px;
	background-color:#999999;
	border: 1px solid #999999;
	height:80px;
	padding:20px;
	color:#FFFFFF;
	text-align:center;
	font-size:xx-large;	
}
.pricing-detail {
	width:224px;
	border-bottom: 1px solid #999999;
	border-left: 1px solid #999999;
	border-right: 1px solid #999999;
	min-height:60px;
	padding:20px;
	text-align:center;
	line-height: 1.5;
}
.price-amount {
	font-size:medium;
}
.price-window {
	font-family: 'Gafata', Arial, sans-serif;
	font-size:medium;
	text-align:center;
}
.price-paypal {
	background-color: #F0F0F0;
    border: 1px solid #F2F2F2;
    min-width:100px;
    display: block;
    padding:20px 14px 4px 14px;
    font-size: large;
    font-weight:bold;
    height: 58px;
    margin-left:auto;
    margin-right:auto;
    text-align:center;
    opacity:1;
}
.buttons {
    background-color:#313773;
    border-radius: 4px 4px 4px 4px;
    min-width:10px;
    padding:6px 6px 6px 6px;
    font-size:medium;
    margin-bottom:8px;
    min-width:150px;
    margin-left:auto;
    margin-right:auto;
    color:white;
    text-align:center;
}
.buttons a {
    color:white;
}
.arrow-bottom {
    width: 0; 
    height: 0; 
    position:absolute;
    margin-left:42px;
    margin-top:18px;
    border-right: 5px solid transparent;
    border-left: 5px solid transparent;     
    border-bottom:8px solid white; 
}
.red-button {
	float:right;
	background-color:#FF0000;
	padding:6px 10px 8px 10px;
	margin-top:-6px;
}
.red-button a {
	color:white;
	text-decoration:none;
}
.ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button {
    font-family: 'Gafata', Arial sans-serif;
}
.edit-results {
	width:100%;
	height:300px;
}
.e-result {
	float:left;
	vertical-align:baseline;
	margin-left:12px;
}
.e-results-more {
	float:left; 
	text-align:right; 
	margin-left:5px; 
	margin-bottom:10px;
}
.editor-help {
    font-size: medium;
    background-color: #ffffff;
    position: absolute;
    z-index:9000;
    text-align:left;
    border-radius: 6px 6px 6px 6px;
    padding:0px 12px 6px 12px;
    opacity: .9;
    filter: alpha(opacity=90);
    padding-top: 8px;
}
.editor-help ul {
	padding-left:52px;
	padding-top:4px;
	margin-top:0px;
}
.pointer-up {
	width: 0; 
	height: 0; 
	opacity: .9;
	filter: alpha(opacity=90);
	border-bottom: 20px solid white;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	position:absolute;
	z-index:9000;
}
.pointer-down {
	width: 0; 
	height: 0; 
	opacity: .9;
	filter: alpha(opacity=90);
	border-top: 20px solid white;
	border-right: 14px solid transparent;
	border-left: 14px solid transparent;
	position:absolute;
	z-index:9000;
}
.help-select a {
	color:white;
	font-size:large;
	font-weight:bold;
	text-decoration:underline;
}
.large-number {
	font-size:36px;
	width:36px;
	float:left;
	font-weight:bold;
	color:#D3D3D3;
}
.edit-menu-button {
	background-color:white;
	margin: 4px 14px 14px 0px;
	width:60px;
	height:76px;
	border-radius: 7px 7px 7px 7px;
	text-align:center;
	display:inline-block;
	padding: 4px 4px 4px 4px;
}
.edit-menu-button-content {
	margin-right:auto;
	margin-left:auto;
  	position: relative;
  	top: 50%;
  	transform: translateY(-50%);
  	-webkit-transform: translateY(-50%);
  	-ms-transform: translateY(-50%);
}
.edit-menu-button-content img {
	margin-right:auto;
	margin-left:auto;
  	width:36px;
}
.edit-menu-button-content a {
  text-decoration:none;
}

.m-goto {
}
.info-tab {
	display:inline-block;
	border-radius:12px 12px 12px 12px;
	width:12px;
	height:10px;
	margin:0 10px 0 -10px;
	padding: 0px 0px 8px 7px;
	background-color: #333331;
}
.info-box {
	font-family: 'Open Sans', sans-serif;
	font-size:medium;
	text-align:left;
	padding:10px 16px 10px 20px;
	background-color:#F0F0F0;
	border-top:solid 1px #999999; 
	border-right:solid 1px #999999;
	border-bottom:solid 1px #999999;
}
.info-box a {
	font-size:medium;
	vertical-align:bottom;
}
.counts {
	width:98%;
	padding:2px 6px 4px 6px;
	background-color:#AAAAAA; 
	color:white;
	margin-top:4px;
}
.view-counter {
	width:62%;
	float:right; 
	text-align:right;
	margin-right:3px;
}
.useful-counter {
	width:34%;
	float:left;
	margin-left:3px;
}
.binder-info input[type="password"] {
    color:#333;
    height:2em;
    width:95%;
    padding:2px 5px 2px 5px;
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    background-color:#fff;
    margin-top:4px;
    font-size:medium;
}
.binder-info input[type="text"]:placeholder {
    color:#737373;
} 
.binder-info input[type=radio   ]:not(old){
  width     : 2em;
  margin    : 0;
  padding   : 0;
  font-size : 1em;
  opacity   : 0;
}
.binder-info input[type=radio]:not(old) + label > span {
  display          : inline-block;
  width            : 0.875em;
  height           : 0.875em;
  margin           : 0.25em 0.5em 0.25em 0.25em;
  border           : 0.0625em solid rgb(192,192,192);
  border-radius    : 0.25em;
  background       : white;
  vertical-align   : bottom;
  margin-left:-32px;
}
.binder-info input[type=radio]:not(old):checked + label > span > span{
  display          : block;
  width            : 0.5em;
  height           : 0.5em;
  margin           : 0.125em;
  border           : 0.0625em solid #7F7F7F;
  border-radius    : 0.125em;
  background       : #7F7F7F;
}
.binder-info input[type="submit"] {
    color:white;
	background-color:#7F7F7F;
	padding:3px 5px 3px 5px;
	font-size:small;
	height:36px;
	border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    margin-top:-3px;
}
.binder-info input[type="button"] {
    color:white;
	background-color:#7F7F7F;
	padding:3px 5px 3px 5px;
	height:36px;
	border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    font-size:small;
}
.binder-info select {
	background-color:#ffffff;
	padding:4px 5px 4px 5px;
	font-size:inherit;
	border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
}
.binder-info input[type="text"] {
    color:#333;
    height:2em;
    width:95%;
    padding:2px 5px 2px 5px;
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    background-color:#fff;
    margin-top:4px;
    font-size:small;
}
.binder-info textarea {
    color:#333;
    height:2em;
    width:95%;
    padding:2px 5px 2px 5px;
    border:1px solid #ccc;
    border-radius: 4px 4px 4px 4px;
    background-color:#fff;
    margin-top:4px;
    font-size:medium;
}
.info-page {
	font-family: 'Open Sans', Arial sans-serif;
	
}
.info-page h1 {
	text-align:left;
}
.info-page h2 {
	text-align:left;
	margin-top:-6px;
}
.tab-shape-upgrade {
    width:236px;
    background-color:white;
    position:relative;
    top:-182px;
    height:170px;
    left:254px;opacity: 0.7;
    filter: alpha(opacity=70);padding:10px;
    background-color:#F7F7F7;
}
.tab-edit-box {
    margin-right:1px;
    height:16px;
    text-align:center;
    max-width:230px;
    position:relative; 
    top:1px;
    border:0;
}
a.tab-arrow {
    text-decoration:none;
    height:15px;
    background-color:white;
    position:relative;
    z-index:10000;
    right:12px;
    top:4px;
}
a.tab-arrow img {
    border:0;
    padding:0;
    z-index:30;
}
a.sub-arrow {
    text-decoration:none;
    position:relative;
    z-index:10000;
    right:2px;
    top:4px;
}
a.base-arrow {
    border-top:1px solid #999B9E;
    border-right:1px solid #999B9E;
    border-bottom:1px solid #999B9E; 
    text-decoration:none;
    position:relative;
    z-index:1000;
    right:1px;
    top:4px;
}
.edit-menu-indent {
    margin-left:20px;
}