* {
        margin:0;
        padding: 0;
}

html, body {
        height:100%;
	font-family: Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	background-color:#D1D1D1;
}

.aaa_body {

}

a img {border: none; }

.selected_row {
	background-color: #2b6e99 !important; 
	color:#F4F4F4; 
}

input[type=text], input[type=password] {
        width:200px;
	padding:5px;
	margin:2px;
	border: 1px solid #D1D1D1;
   	-webkit-border-radius: 5px;
   	-moz-border-radius: 5px;
   	border-radius: 5px;

        max-width:100%;
}
input[type=text]:focus, input[type=password]:focus {
        background-color:#E9F3F9;
        max-width:100%;

}

textarea {
	width:300px; 
	height:100px;
}
.largeTextarea {
	width:500px;
	height:200px;
}
.padding5 {
        padding:5px;
}
.content_inner {
                line-height:120%;
                width:95%;
                margin-left:auto;
                margin-right:auto;
                margin:0px;
                background: #EDEDED; /* Old browsers */
                -webkit-box-shadow: 0px 1px 6px rgba(50, 50, 50, 0.21);
                -moz-box-shadow:    0px 1px 6px rgba(50, 50, 50, 0.21);
                box-shadow:         0px 1px 6px rgba(50, 50, 50, 0.21);
                -webkit-border-radius: 8px;
                -moz-border-radius: 8px;
                -o-border-radius: 8px;
                border-radius: 8px;
                /*
                border:1px solid #bfbfbf;
                */
                border: 1px solid #383D43;

}
.input_error {
        background-color:#A60000 !important;
        color:#FFFFFF !important;

}

.error_input_div {
	background-color:#A60000 !important;
        color:#FFFFFF !important;
}

.successText {
/*      color:#242D42;*/
        color:#2B6E99;
}
.biggerText {
	font-size:18px;
}

.bolderText {
	font-weight:700; 
}
.failText {
        color:#BD202D;
}

textarea, select {
        max-width:100%;
}
.musical_number {
	max-width:100%; 
}
.clearBoth {
        clear: both;
        width: 100%;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        height: 0px;
}

.floatRight {
        float: right;
}

.floatLeft {
        float: left;
}

.left {
        text-align: left;
}

.right {
        text-align: right;
}

#allocate_apportion_anything_header {
	width:100%; 
	padding-top:10px; 
	padding-right:0px; 
	padding-left:0px;
	background-color:#585858;
	padding-bottom:10px;
	color:#F4F4F4; 
}
#allocate_apportion_anything_inner_header {
	padding-left:10px;
	padding-right:10px;
	
}

#footer_div {
	width:100%; 
	padding-top:10px;
	margin-top:10px;
	height:30px;
	background-color:#585858;
	text-align:center; 
	color:#F6F6F6;
}
#logo_text_span {
	position:relative;
	bottom:10px;
}

#logo_image_ryde {
	height:18px;
	padding-left:31px;
	padding-top:10px;
	padding-bottom:10px;
}
.wrapper {
        min-height: 100%;
        height: auto !important;
	min-height:100%; 
        margin: 0 auto -50px;

}

.push {
	height:50px; 
}

.linkSpan {
	cursor:pointer; 
	color:#F6F6F6; 
	font-weight:300; 
}

.linkSpan:hover {
	text-decoration:underline;
	color:#BBE628; 
}

#navigation_menu {
        padding-top:5px;
        padding-bottom:5px;
        font-size:18px;
        font-family: "proxima-nova", Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
        cursor:pointer;
        text-align:center;
        width:100%;
        margin-left:auto;
        margin-right:auto;
        background-color:#AFAFAF;
        color:#FFFFFF;
}
.content_panel {
        background-color:#F6F6F6;
        min-height:200px;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;
        padding:5px;
        margin:5px;
}
.page_content a {
        color:#074378;
}

.page_content a:hover {
        color:#383D43;
}

.page_content {
        z-index:2;
        margin-left:auto;
        margin-right:auto;
        width:100%;
        max-width:1640px;
        background-color:#D1D1D1;
        color:#383D43;
        padding:0px;
        margin-bottom:20px;

}

.arrow-down {
        width: 0px;
        height: 0px;
        color:#AFAFAF;
        border-left: 20px solid transparent;
        border-right: 20px solid transparent;
        border-top: 10px solid #AFAFAF;
}

div#loading_spinner_help, div#lightbox_bg_help, div.lightbox_bg_help, div#orderhist_lb_bg_help,
div#alertnoticebox_bg_help {
        width: 100%;
        height: 100%;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100020;
        background: #000000;
        opacity: 0.7;
        display: none;
}

div#spinner2, div#lb_content_help, div#lb_content2, div.lightbox2, div#orderhist_lb2 {
        width: 100%;
        height: 100%;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100001;
        display: none;
}

div#lb_content_help {
        z-index:100025;
}

div#close_lb_help {
        background-color: #F6F6F6 ;
        text-align:right;

}
#lb_loaded_content_help {
}
div#lb_data_help {
        width: 500px;
        margin-left:auto;
        margin-right:auto;
        background-color: #F6F6F6;
        -moz-box-shadow: 0px 0px 20px #000000;
        -webkit-box-shadow: 0px 0px 20px #000000;
        box-shadow: 0px 0px 20px #000000;
        padding: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 1px solid #cccccc;
}

/* lb4 */
div#loading_spinner4, div#lightbox_bg4, div.lightbox_bg4, div#orderhist_lb_bg4,
div#alertnoticebox_bg4 {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100027;
        background: #000000;
        opacity: 0.7;
        display: none;
}

div#spinner4, div#lb_content4, div.lightbox4, div#orderhist_lb4 {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index:100028;
        display: none;
}

div#close_lb4 {
        background-color: #F9F9F9;
        text-align:right;

}
#lb_loaded_content4 {
        color:#242D42;
}

/* End lb4 */

/* START lb3 */
div#loading_spinner3, div#lightbox_bg3, div.lightbox_bg3, div#orderhist_lb_bg3,
div#alertnoticebox_bg3 {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100023;
        background: #000000;
        opacity: 0.7;
        display: none;
}

div#spinner3, div#lb_content3, div.lightbox3, div#orderhist_lb3 {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index:100024;
        display: none;
}

div#close_lb3 {
        background-color: #F9F9F9;
        text-align:right;

}
#lb_loaded_content3 {
        color:#242D42;
}
div#lb_data3, div#lb_data4 {
        width: 500px;
        margin-left:auto;
        margin-right:auto;
        background-color: #F9F9F9;
        -moz-box-shadow: 0px 0px 20px #000000;
        -webkit-box-shadow: 0px 0px 20px #000000;
        box-shadow: 0px 0px 20px #000000;
        padding: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 1px solid #cccccc;
}


/* end lb3 */


div#loading_spinner, div#lightbox_bg, div.lightbox_bg, div#orderhist_lb_bg,
div#alertnoticebox_bg {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100000;
        background: #333333;
        opacity: 0.7;
        display: none;
}

div#spinner, div#lb_content, div.lightbox, div#orderhist_lb {
        width: 100%;
        height: 100%;
        position: absolute;
        position: fixed;
        margin: 0px 0px 0px 0px;
        padding: 0px 0px 0px 0px;
        right: 0px;
        left: 0px;
        top: 0px;
        bottom: 0px;
        z-index: 100001;
        display: none;
}

div#loading_spinner {

        z-index:100041 !important;
}
div#spinner {

        z-index:100042 !important;
}
div#spinner_msg {
        text-align:center;
        color: #06436F;
        width: 196px;
        height: 123px;
        margin: 100px auto 0px auto;
        background: #ffffff url(../../library/images/spinner.gif) center 55px no-repeat;
        -moz-box-shadow: 0px 0px 20px #000000;
        -webkit-box-shadow: 0px 0px 20px #000000;
        box-shadow: 0px 0px 20px #000000;
        padding: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 1px solid #cccccc;
}

div#close_lb {
        background-color: #ffffff ;
        text-align:right;

}
#lb_data, #lb_data2, #lb_data3, #lb_data4, #lb_data_help {
        max-width:95%;
}

div#lb_data {
        width: 500px;
        margin-left:auto;
        margin-right:auto;
        background-color: #ffffff ;
        -moz-box-shadow: 0px 0px 20px #000000;
        -webkit-box-shadow: 0px 0px 20px #000000;
        box-shadow: 0px 0px 20px #000000;
        padding: 10px 10px 10px 10px;
        -moz-border-radius: 10px 10px 10px 10px;
        -webkit-border-radius: 10px 10px 10px 10px;
        border-radius: 10px 10px 10px 10px;
        border: 1px solid #cccccc;
}

.main_button, .heading_button, .chart_button {
   background-color:#585858;
   padding: 3px;
   margin:2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F4F4F4;
        font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   border:1px solid #585858;

}
.main_button.sml { padding:3px 5px; }
.main_button:hover, .heading_button:hover, .chart_button:hover {
        border:1px solid #00b097;
        background-color:#00b097;

}
.main_button:active, .heading_button:active, .chart_button:active {
   background: #636463;
}

.warn_button {
   background-color:#BD202D;
   padding: 3px;
   margin:2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F4F4F4;
        font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   border:1px solid;
}
.warn_button.sml { padding:3px 5px; }
.warn_button:hover {
        background-color: #adadae;
        color:#BD202D;
        border:1px solid #BD202D;

}
.warn_button:active {
   background: #222222;
}

.go_button {
   background-color: #2B6E99;
   padding: 3px;
   margin:2px;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
   border-radius: 5px;
   color: #F4F4F4;
        font-weight: 400;
   text-decoration: none;
   vertical-align: middle;
   cursor:pointer;
   border:none;
}
.go_button.sml { padding:3px 5px; }
.go_button:hover {
        background-color:#3b96d1;
}
.go_button:active {
   background: #1B4661;
}

#login_page_container {
	background-color: #F0F0F0;
    border: 1px solid #383D43;
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px;
    border-radius: 5px;
    margin-left: auto;
    margin-right: auto;
    margin-top: 20px;
    width: 500px;
    padding: 20px 5px 20px 10px;
    max-width: 90%;
}

/* TOP MENU */
#tabs_menu_new, #tabs_menu_new a {
        color:#FFFFFF;
        background-color:#adadae;
        padding-left:10px;
        padding-right:10px;
        padding-top:5px;
	text-decoration:none;
        padding-bottom:5px;
}
#tabs_menu_new a:hover {
        color: #3b96d1;
        background-color:#242D42;
        -webkit-border-radius: 5px;
        -moz-border-radius: 5px;
        border-radius: 5px;

}

#tabs_menu_new {
	padding-bottom:20px; 
	padding-top:20px; 
}
.menu_link {
        display:inline-block;
}


/* END TOP MENU */

/* playlist styles */

#playlist_pieces_sortable {
	padding-left:20px; 
}

#playlist_pieces_sortable li{
	cursor:pointer; 
	border: 1px solid #585858; 
	width:300px; 
	max-width:100%; 
	padding: 10px; 
	list-style-type:none; 
}

#playlist_pieces_sortable li:hover{
	background-color:#585858; 
	color:#FFFFFF; 
}
/* END playlist styles */