#dc_account_container {
clear: both;
width: 100%;
height: 100%;
}

#dc_account_container_left {
position: fixed;
float: left;
width: 20%;
height: 100%;
padding: 2em;
background: #f5f5f5;
}

#dc_account_container_middle {
position: fixed;
float: left;
width: 17.5%;
height: 100%;
margin-left: 20%;
padding: 2em;
background: #fcfcfc;
border-right: 1px solid #f5f5f5;
}

#dc_account_container_right {
float: left;
width: 60%;
min-height: 10px;
margin-left: 40%;
padding-top: 2em;
padding-right: 2em;
}

#dc_account_container_left_logo {
width: 100%;
height: 80px;
line-height: 1em;
color: #000000;
margin-bottom: 0.5em;
border-bottom: 1px solid #e3e3e3;
}

#dc_account_container_left_logo a {
color: #000000;
text-decoration: none;
}

#dc_account_container_left_logo a:hover {
color: #00719c;
}

#dc_account_container_left_logo_left {
float: left;
width: 20%;
min-height: 10px;
font-family: 'Bree Serif', serif;
font-size: 3.95em;
}

#dc_account_container_left_logo_right {
float: left;
width: 80%;
min-height: 10px;
line-height: 1.3em;
padding-top: 1em;
}

#dc_account_container_left_logo_right a {
font-weight: 300;
color: #555555;
}

#dc_account_container_left_logo_right div {
display: inline-block;
float: right;
}

#dc_account_container_left_plan {
clear: both;
width: 100%;
min-height: 10px;
}

.dc_account_container_left_plan_row {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 1em;
cursor: pointer;
}

.dc_account_container_left_plan_row:hover {
color: #307bbb;
}

.dc_account_container_left_plan_row_left {
float: left;
width: 30%;
min-height: 10px;
}

.dc_account_container_left_plan_row_right {
float: left;
width: 70%;
min-height: 10px;
padding-top: 1.75em;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 300;
}

#dc_account_container_right_top {
width: 100%;
min-height: 10px;
padding-bottom: 0.5em;
border-bottom: 1px solid #e3e3e3;
color: #ffffff;
font-size: 14px;
font-weight: 400;
text-transform: uppercase;
}

#dc_account_container_right_bottom {
width: 100%;
min-height: 10px;
}

.dc_sub_nav_icon {
display: inline-block;
padding: 0.5em;
border: 1px solid #e3e3e3;
margin-right: 1.4em;
border-radius: 4px;
background: #ffffff;
color: #000000;
}

.dc_sub_nav_icon:hover {
background: #ffffff!important;
border-color: #3e3e3e;
color: #000000;
}

.dc_sub_nav_icon_selected {
color: #ffffff!important;
}


#account_top {
width: 90%;
min-height: 10px;

border-bottom: 0.5em solid #ffffff;

background: #fafafa;
}




#account_nav {
clear: both;
width: 100%;
min-height: 10px;
margin: 0 auto;
padding-top: 1.5em;
/*padding-bottom: 0.5em;*/
}

.account_nav_bottom {
clear: both;
width: 70%;
min-height: 10px;
margin: 0 auto;
padding-top: 1.2em;
padding-bottom: 1.2em;
color: #ffffff;
}

.account_nav_bottom_left {
float: left;
width: 60%;
min-height: 10px;
}

.account_nav_bottom_left_thin {
width: 50%;
}

.account_nav_bottom_right {
float: left;
width: 40%;
min-height: 10px;
padding-top: 0.2em;
text-align: right;
font-size: 14px;
}

.account_nav_bottom_right_wide {
width: 50%;
}

.account_nav_bottom_right i {
margin-left: 20px;
cursor: pointer;
}

.account_nav_bottom_right i.first {
margin-left: 0px!important;
}

.account_nav_item {
width: 100%;
min-height: 10px;
padding: 1.4em;
font-size: 17px;
font-weight: 300;
text-align: left;
margin-bottom: 1em;
background: #f7f7f7;
border: 2px solid #f7f7f7;
border-radius: 4px;
cursor: pointer;
text-transform: uppercase;
color: #00719c;
}

.account_nav_item i {
color: #000000;
}

.account_nav_item:hover {
background: #fafafa;
border-color: #fafafa;
color: #000000;
}

.account_nav_item_special {
width: 100%;
min-height: 10px;
padding: 1.4em;
padding-top: 1em;
padding-bottom: 1em;
font-size: 16px;
font-weight: 300;
text-align: left;
margin-bottom: 1em;
background: #b32546;
border: 2px solid #b32546;
border-radius: 4px;
cursor: pointer;
text-transform: uppercase;
color: #ffffff;
}

.account_nav_item_special_rc {
width: 90%;
margin: 0 auto;
}

.account_nav_item_special_title {
background: #307bbb;
border-color: #307bbb;
font-weight: bold;
}




.acni_menu {
border: none;
padding-top: 0px;
padding-bottom: 0px;
font-size: 24px;
}

.acni_menu_open {
width: 100%!important;
text-align: right;
}



.account_nav_item_hig {
color: #ffffff;
}

.account_nav_item_hig i {
color: #ffffff;
}


.ac_add_something_bg {
background: #33b2b9!important;
border-color: #33b2b9!important;
color: #ffffff;
}

.ac_my_copyrights_bg {
background: #00719c!important;
border-color: #00719c!important;
}

.ac_infringements_bg {
background: #509753!important;
border-color: #509753!important;
}

.ac_publish_bg {
background: #00adef!important;
border-color: #00adef!important;
}

.ac_account_bg {
background: #44697d!important;
border-color: #44697d!important;
color: #ffffff;
}

.nav_cr_copy {
color: #307bbb;
}

.nav_cr_copy:hover {
color: #00adef;
}

.nav_ci_copy {
color: #8c182b;
}

.nav_sp_copy {
color: #65839b;
}

.nav_sup_copy {
color: #dd5f24;
}

.nav_add_copy {
color: #1bbed1;
}


#account_surround {
clear: both;
width: 100%;
min-height: 10px;

padding-top: 1em;

padding-bottom: 2em;
font-size: 14px;
}

#account_surround .hig_box h2 {
font-size: 26px;
}

#account_surround_left {
float: left;
width: 45%;
min-height: 10px;
margin-right: 5%;
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 300;
}

#account_surround_right {
float: left;
width: 50%;
min-height: 10px;
}

.ac_plan_left {
float: left;
width: 40%;
min-height: 10px;
margin-right: 5%;
}

.ac_plan_right {
float: left;
width: 55%;
min-height: 10px;
}

.ac_plan_left_thin {
float: left;
width: 20%;
min-height: 10px;
margin-right: 5%;
}

.ac_plan_right_wide {
float: left;
width: 75%;
min-height: 10px;
}

#verification_explanation {
clear: both;
width: 100%;
min-height: 10px;
padding: 2em;
background: #00719c;
color: #ffffff;
line-height: 1.5em;
font-size: 14px;
}

#verification_explanation .larger_copy {
font-size: 18px;
font-weight: 300;
line-height: 1.5em;
}

#verification_explanation h2 {
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
padding-top: 1em;
margin-bottom: 0.5em;
}

#verification_explanation a {
color: #ffffff;
}

.vs_row {
clear: both;
min-height: 10px;
padding-bottom: 0.5em;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
}

.vs_row input {
cursor: pointer;
}

.vl_row {
clear: both;
width: 100%;
min-height: 10px;
}

.vl_loop {
padding-bottom: 0.5em;
border-bottom: 1px solid #c9c9c9;
margin-bottom: 0.5em;
}

.vl_row_in_col {
float: left;
width: 28%;
margin-right: 5%;
min-height: 10px;
}

.vl_row_in_col_r {
margin-right: 0px;
}

.vl_row_in_col_right {
float: left;
width: 6%;
margin-right: 0px;
text-align: right;
padding-top: 4px;
}

.vl_row_in_col input {
width: 100%;
padding: 5px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
}

#account_surround_left input.public_link {
width: 100%;
padding: 5px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
}


.copyright_row {
float: left;
width: 49%;
min-height: 10px;
padding: 1em;
padding-right: 0.5em;
border: 2px solid #e3e3e3;
border-radius: 8px;
margin-right: 2%;
margin-bottom: 2%;
}

.copyright_row_nm {
margin-right: 0px;
}

.copyright_row_top {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 0.5em;
}

.copyright_row_bottom {
clear: both;
width: 100%;
min-height: 10px;
border-top: 1px solid #e3e3e3;
padding-top: 1em;
font-size: 18px;
}

.copyright_row_bottom a.bt {
background: #00719b;
color: #ffffff;
text-decoration: none;
padding: 2px;
padding-left: 6px;
padding-right: 6px;
border-radius: 3px;
font-family: 'Open Sans', sans-serif;
font-weight: 300;
font-size: 12px;
}

.copyright_row_bottom i.trash {
display: inline-block;
padding-top: 0.3em;
}

.copyright_row_left {
float: left;
width: 15%;
min-height: 10px;
font-size: 28px;
}

.copyright_row_middle {
float: left;
width: 75%;
min-height: 10px;
font-family: 'Open Sans', sans-serif;
font-size: 14px;
font-weight: 300;
}

.copyright_row_middle h2 {
font-family: 'Open Sans', sans-serif;
font-size: 16px;
font-weight: 400;
padding: 0px;
margin: 0px;
}

.copyright_row_right {
float: left;
width: 10%;
min-height: 10px;
padding-top: 0.3em;
text-align: center;
font-size: 26px;
color: #4b4b4b!important;
cursor: pointer;
}

.subscribe_title_left {
float: left;
width: 85%;
min-height: 10px;
}

.subscribe_title_right {
float: left;
width: 15%;
min-height: 10px;
text-align: right;
font-size: 24px;
}

.subscribe_left {
float: left;
width: 50%;
min-height: 10px;
font-size: 18px;
}

.subscribe_right {
float: left;
width: 50%;
min-height: 10px;
text-align: right;
font-size: 18px;
}

.edit_file {
clear: both;
width: 100%;
min-height: 10px;
padding-bottom: 0.5em;
border-bottom: 1px solid #e3e3e3;
margin-bottom: 0.5em;
}

.edit_file_left {
float: left;
width: 90%;
min-height: 10px;
}

.edit_file_right {
float: left;
width: 10%;
min-height: 10px;
text-align: right;
color: #a4253a;
}





#my_account_options {
clear: both;
width: 100%;
min-height: 10px;
line-height: 1.1em;
}

#my_account_options a {
color: #ffffff;
text-decoration: none!important;
border: none!important;
}

.account_option {
min-width: 60px;
min-height: 10px;
padding: 1em;
font-family: 'Open Sans', sans-serif;
font-weight: 400;
text-transform: uppercase;
}

.account_option.current {
width: 80%;
float: right;
}

.nav_current_arrow {
padding-top: 1.1em;
padding-left: 1.8em;
}

.account_option i {
padding-right: 10px;
}

.account_option.blue {
background: #33b2b9;
color: #ffffff;
}

.account_option.copyrights {
background: #00719c;
color: #ffffff;
}

.account_option.started {
background: #509753;
color: #ffffff;
}

.account_option.addcr {
background: #00adef;
color: #ffffff;
}

.account_option.plan {
background: #44697d;
color: #ffffff;
}

.account_option.red {
background: #b3292f;
color: #ffffff;
}

.account_option:hover {
background: #000000;
}



.cr_details_row {
clear: both;
width: 100%;
min-height: 10px;
}

.cr_details_row_left {
float: left;
width: 30%;
min-height: 10px;
padding: 1em;
margin-right: 5%;
/*background: #fafafa;*/
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
color: #44697d;
/*border-bottom: 1px solid #e3e3e3;*/
}

.cr_details_row_right {
float: left;
width: 65%;
min-height: 10px;
padding: 1em;
font-family: 'Open Sans', sans-serif;
font-size: 18px;
font-weight: 300;
/*border-bottom: 1px solid #e3e3e3;*/
}

.cr_details_row_right img {
max-width: 100%;
}


.select_plan_box {
float: left;
width: 32%;
min-height: 10px;
padding: 2em;
border: 2px solid #e3e3e3;
border-radius: 8px;
margin-right: 2%;
}

.select_plan_box_right {
margin-right: 0px;
}

/*.select_plan_box:hover {
background: #00719c;
color: #ffffff;
}*/

.select_plan_box_selected {
background: #00719c;
color: #ffffff;
}

.select_plan_box_shaded {
float: left;
width: 32%;
min-height: 10px;
padding: 2em;
border: 2px solid #e3e3e3;
border-radius: 8px;
margin-right: 2%;
color: #c4c4c4;
}


.plan_4col {
float: left;
width: 25%;
min-height: 10px;
}

.plan_4col img {
display: block;
width: 50%;
margin: 0 auto;
}






#overlay_outer {
position: fixed;
width: 100%;
height: 100%;
z-index: 1000;
background: rgba(62, 62, 62, 0.7);

display: none;

align-items: center;
justify-content: center;
}

#overlay_inner {
width: 80%;
height: 80%;
background: #ffffff;
padding: 2em;
border-radius: 10px;
/*border-right: 2px solid #808080;
border-bottom: 2px solid #909090;*/
}

#overlay_outer .overlay_inner_small {
width: 35%;
height: 70%;
/*background: transparent;*/
}

#overlay_inner iframe {
width: 100%;
height: 100%;
border: none;
}

#overlay_close {
position: fixed;
z-index: 201;
right: 30px;
top: 30px;
color: #ffffff;
font-size: 2em;
cursor: pointer;
}

#overlay_close:hover {
color: #000000;
}

#response_required {
text-align: center;
font-size: 1.5em;
padding: 1em;
background: #b32546;
color: #ffffff;
margin-bottom: 1em;
}

.update_container {
padding: 1em;
line-height: 1.5em;
}

.update_container p {
margin-bottom: 1em;
font-size: 14px;
}

.update_btn {
padding: 0.6em;
font-size: 16px;
background: #137829;
color: #ffffff;
border-radius: 3px;
cursor: pointer;
}

.update_btn_grey {
background: #e3e3e3;
color: #3e3e3e;
}

.update_btn:hover {
background: #44697d;
}

.update_btn_grey:hover {
color: #ffffff;
}

.upgrade_cost {
font-size: 20px;
}

.atb_btn {
padding: 0.4em;
font-size: 14px;
background: #307bbb;
color: #ffffff;
border-radius: 3px;
font-weight: bold;
cursor: pointer;
}

.atb_btn:hover {
background: #3e3e3e;
color: #ffffff;
}