/* LAYOUT START */
html {
width: 100%;
height: 100%;
}

body {
width: 100%;
height: 100%;
min-height: 100%;
padding: 0;
margin: 0;
font: normal 15px Arial, Verdana, Sans-Serif;
color: #333333;
background: linear-gradient(to right, #b5d4e9 0%, #daecf8 20%,#e5ebf9 40%, #e4ecf9 60%,#e5c6e5 100%)
}

.tile {
position: relative;
min-height: 100%;	
background-image: url(/images/tile.png); 
background-position: center top; 
background-repeat: no-repeat; 
}

#mainpage {
width: 100%;
height: 100%;
min-height: 920px;
background: url(/images/splash.jpg) center -120px no-repeat;
}

#insidepage {
width: 100%;
height: 100%;
min-height: 100%;
background: url(/images/inside_bottom.jpg) bottom center no-repeat;
}

.blue {color: #2074b1;}

.title {
padding-bottom: 7px;
margin-bottom: 15px;
background: url(/images/line.png) left bottom no-repeat;
}

.title h1 {
font-size: 18px;
font-weight: normal;
color: #333333;
margin: 0;
padding: 0;
}

.title2 {
font: normal 26px Georgia, Times; 
color: #ffffff; 
text-align: center;
}

a.title2:hover { 
color: #ffffff; 
text-decoration: underline;
}

p {
margin: 15px 0;
line-height: 1.5em;
}

a {
font-weight: bold;
color: #2074b1;
text-decoration: none;
}

a:hover, a:focus {
color: #a9308b;
outline: none; 
text-decoration: none;
}

.popup {
padding: 30px;	
}

.logo {
display: block;
margin: 40px 0 10px 50px;
}

.logo2 {
display: block;
margin: 40px auto 0;
text-align: right;
}

textarea {
color: #555555;
border: solid 1px #d9d9d9;
border-radius: 5px;
}

.input_field {
color: #555555;
border: solid 1px #d9d9d9;
border-radius: 5px;
}

.content {
width: 100%;
margin: 0;
padding: 30px;
border-radius: 5px;
box-shadow: 0px 9px 9px rgba(0, 0, 0, 0.2);
background: #fff;
}

.block_left {
float: left;
width: 130px;
}

.block_center {
float: left;
width: calc(100% - 130px);	
}

/* LAYOUT END */

/* TAG STYLES START */
img {border: none; }

form {margin: 0; }
/* TAG STYLES END */

/* MENU MAIN TOP START */

.menumain_logo {
padding-top: 145px;
padding-bottom: 70px;
text-align: center;
width: 300px;
margin: auto;
}

.menumain_logo2 {
text-align: center;	
}

.menumain_logo2 img {
margin: auto;	
}

.mainform {
margin: 30px auto;
max-width: 570px;
}

.maintext {
padding: 65px 0;	
}

.maintext, .maintext2 {
font-size: 14px;
color: #fff;
line-height: 19px;
text-align: justify;
}

.mainpage_container {
width: 630px;
margin: 0 auto;	
padding-top: 40px;
}

#menumain_top #menu_top  {
border-radius: 25px;
overflow: hidden;
margin: auto;
text-align: center;
}

#menumain_top #menu_top a:nth-child(3)  {
display: none;	
}

#menu_top {
width: 100%;
text-align: center;
margin: 20px auto;
border-radius: 5px;
border: 1px solid #ccc;
box-shadow: 0 1px 3px #ccc;
background: linear-gradient(to bottom, #f9f9f9 0%, #e9e9e9 50%, #f2f2f2 100% );
}

#menu_top a {
font-weight: bold;
font-size: 15px;
color: #2074b1;
display: inline-block;
padding: 12px 20px 12px 46px;
position: relative;
}

#menu_top a:after {
content: "";
width: 1px;
height: 41px;
display: block;
position: absolute;
right: 0;
top: 0;
background: linear-gradient(to bottom, #f6f6f6 0%, #9e9e9e 50%, #f6f6f6 100% );
}

#menu_top a:last-child:after {
display: none;	
}

#menu_top a:before {
content: "";
width: 36px;
height: 40px;
display: block;
position: absolute;
top: 0;
left: 23px;
background: url(/images/menu_icon.png) left no-repeat;
}

#menu_top a:hover, #menu_top a#current {
background: linear-gradient(to bottom, #0068b3 0%, #70bbf1 50%, #0068b3 100%);
color: #fff;
}

/* MENU TOP END */

.container_main {
position: relative;
z-index: 10;	
}

.footer_text {
font-size: 13px;	
}

/* MENU ACCOUNT START */
.account_list {
width: 170px;
padding: 0;
margin-left: 15px; /* menu account list block */
}

.account_list li {
list-style: none;
border-bottom: 1px solid #dddddd; /* menu account list lines */
}

.account_list a {
display: block;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #797c80;
text-decoration: none;
padding: 7px 0 7px 0;
background: url(/images/category-normal.gif) right center no-repeat; /* menu account links */
}

.account_list a:hover {
display: block;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #0088cc;
text-decoration: none;
padding: 7px 0 7px 0;
background: url(/images/category-over.gif) right center no-repeat; /* menu account links over */
}

li.subaccount_list a {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #797c80;
padding-left: 15px; /* menu subaccount links */
}

li.subaccount_list a:hover {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #0088cc;
padding-left: 15px; /* menu subaccount links over */
}

a.current {
color: #0088cc;
background: url(/images/category-over.gif) right center no-repeat; /* menu account links current */
}
/* MENU ACCOUNT END */

/* FOOTER START */

#footer {
position: absolute;
bottom: 0;
left: 0;
height: 70px;
width: 100%;
}

#footer:after {
content: "";
display: block;	
position: absolute;
bottom: 0;
right: 0;
z-index: 1;
height: 290px;
width: 370px;
background: url(/images/footer.png) right bottom no-repeat;
}

.footer_padding {
padding-bottom: 100px;	
}

.footer_hours {
font: normal 11px Arial, Verdana, Sans-Serif;
color: #555555;
line-height: 16px;
margin-bottom: 10px;
}

/* FOOTER END */

.item {
overflow: hidden;
line-height: 20px;
}

.item .number {
color: #fff;
text-align: center;
font-size: 20px;
width: 40px;
border: 1px solid #204e8c;
background: #4f7fbf;
display: inline-block;
float: left;
padding: 9px 0;
margin: 0 20px 0 0;
}

/* ALERT MESSAGES START */
.error {
margin-top: 5px;
padding: 0 0 0 20px;
font: bold 11px Arial, Verdana, Sans-Serif;
color: red;
background: url(/images/validation_advice_bg_js.gif) no-repeat left;
}

.select .error_js {
width: 163px;
position: relative;
font: bold 11px Arial, Verdana, Sans-Serif;
color: red;
white-space: nowrap;
margin-top: 10px;
padding: 0 0 0 15px;
overflow: hidden;
clear: both;
background: url(/images/validation_advice_bg_js.gif) left no-repeat;
}

.checkboxes .error_js {
width: 500px;
position: relative;
font: bold 11px Arial, Verdana, Sans-Serif;
color: red;
white-space: nowrap;
margin-top: 20px;
padding: 0 0 0 15px;
overflow: hidden;
background: url(/images/validation_advice_bg_js.gif) left no-repeat;
}

.security2_form .error_js {
width: 150px;
position: relative;
font: bold 11px Arial, Verdana, Sans-Serif;
color: red;
white-space: nowrap;
margin-top: 5px;
margin-left: 20px;
padding: 0 0 0 15px;
overflow: hidden;
background: url(/images/validation_advice_bg_js.gif) left no-repeat;
}

.error_js {
position: relative;
font: bold 11px Arial, Verdana, Sans-Serif;
color: red;
white-space: nowrap;
margin-top: 5px;
padding: 0 0 0 15px;
overflow: hidden;
background: url(/images/validation_advice_bg_js.gif) left no-repeat;
}

.state-highlight-error {
border: 1px dashed #ff0000;
background: #FAEBE7;
}

.notify {
font: bold 12px Arial, Verdana, Sans-Serif;
color: green; /* notify blocks */
}

.notify_message {
font: bold 12px Arial, Verdana, Sans-Serif;
color: green;
padding: 5px; /* notify messages */
}

.notify_message a {
font: bold 12px Arial, Verdana, Sans-Serif;
color: green;
text-decoration: underline;
padding: 5px; /* notify messages links */
}

.notify_message a:hover {text-decoration: none; /* notify messages links over */}

.alert_message {
font: bold 12px Arial, Verdana, Sans-Serif;
color: red;
padding: 5px; /* alert messages */
}

.alert_message a {
font: bold 12px Arial, Verdana, Sans-Serif;
color: red;
text-decoration: underline;
padding: 5px; /* alert messages links */
}

.alert_message a:hover {text-decoration: none; /* alert messages links over */}
/* ALERT MESSAGES END */

/* NAVIGATION START */
.navigation {
font: normal 14px Arial, Verdana, Sans-Serif;
color: #999999;
padding: 10px;
background: #ffffff;
}

.navigation a {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #999999;
text-decoration: none; /* navigation links */
}

.navigation a:hover {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #2074b1;
text-decoration: none; /* navigation links over */
}
/* NAVIGATION END */

/* PAGE TAB START */
.page_tab {
margin-top: 10px;
}

ul.pageTab {
padding: 0;
margin: 0;
list-style: none;
text-align: center;
}

ul.pageTab li {
list-style: none;
padding: 0;
display: inline;
}

ul.pageTab a.begin, a.end, a.previous, a.next, a.page {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #2074b1;
line-height: 25px;
text-decoration: none;
margin: 0;
padding: 5px 9px 5px 9px;
background: url(/images/pagetab.png) no-repeat;
}

ul.pageTab li.current, a.begin:hover, a.end:hover, a.previous:hover, a.next:hover, a.page:hover {
font: normal 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
line-height: 25px;
text-decoration: none;
margin: 0;
padding: 5px 9px 5px 9px;
background: url(/images/pagetab_over.png) no-repeat;
}
/* PAGE TAB END */

/* INPUT BUTTONS START */

.btn {
color: #fff;
display: inline-block;
border: 1px solid #a92f8b;
background: #a92f8b;
font-size: 14px;
padding: 4px 12px 6px;
border-radius: 4px;
white-space: initial;
background: linear-gradient(to bottom, #cd8fbc 0%, #d19bc3 20%, #a92f8b 80%, #b862a1 100%);
border-radius: 5px;
}

.btn:hover, .btn:focus, .popup .admin_btn:hover, .popup .admin_btn:focus {
color: #fff;
text-decoration: none;
border: 1px solid #b30287;
outline: none;
background: #b30287;
background: linear-gradient(to bottom, #cd8fbc 0%, #e67bca 20%, #b30287 80%, #b862a1 100%);
}

.btn-lg  {
white-space: normal;
max-width: 98%;
}

.btn_round {
padding: 4px 30px 6px;
border-radius: 15px;
}

/* INPUT BUTTONS END */

/* ACCOUNT ICONS START */

.account_icons a {
width: 125px;
height: 90px;
display: block;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #a9308b;
text-align: center;
text-decoration: none;
padding-top: 60px;
outline: none;	
background: url(/images/profile/my_profile.png) center center no-repeat;
}

.account_icons .my_profile a {
background: url(/images/profile/my_profile.png) center center no-repeat;
}

.account_icons .my_profile a:hover {
background: url(/images/profile/my_profile_over.png) center center no-repeat;
}

.account_icons .my_profile a:active {
background: url(/images/profile/my_profile_active.png) center center no-repeat;
}

.account_icons .password a {
background: url(/images/profile/password.png) center center no-repeat;
}

.account_icons .password a:hover {
background: url(/images/profile/password_over.png) center center no-repeat;
}

.account_icons .password a:active {
background: url(/images/profile/password_active.png) center center no-repeat;
}

.account_icons .logout a {
background: url(/images/profile/logout.png) center center no-repeat;
}

.account_icons .logout a:hover {
background: url(/images/profile/logout_over.png) center center no-repeat;
}

.account_icons .logout a:active {
background: url(/images/profile/logout_active.png) center center no-repeat;
}

.account_icons .buy_access a {
background: url(/images/profile/buy_access.png) center center no-repeat;
}

.account_icons .buy_access a:hover {
background: url(/images/profile/buy_access_over.png) center center no-repeat;
}

.account_icons .buy_access a:active {
background: url(/images/profile/buy_access_active.png) center center no-repeat;
}
/* ACCOUNT ICONS END */

/* USER START */

.user_info {
padding-bottom: 10px;
margin-bottom: 10px;
}

.user_form {
width: 50%;
float: right;
margin-bottom: 10px;
}

.user_form input {
width: 175px;
height: 22px;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #777777;
line-height: 22px;
border: solid 1px #cccccc;
}

.user_form_name {
width: 21%;
float: left;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #555555;
margin-top: 5px;
}

.user_forgot {
white-space: nowrap;
float: left;
padding-top: 5px;
}

div.user_forgot a {
font: bold 12px Arial, Verdana, Sans-Serif;
color: #2074b1;
}

div.user_forgot a:hover {
font: bold 12px Arial, Verdana, Sans-Serif;
color: #a9308b;
}

table.script_login {
width: 100%;
margin-top: 10px;
border: solid 1px #cccccc;
}

table.script_login td {padding: 10px;}
/* USER END */

.vline {border-right: solid 1px #dddddd;}

.table_form {
margin: 0;
padding: 0;
}

.table_form td {padding: 5px;}

.table_form td#form_left {
width: 50%;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #555555;
text-align: left;
}

.table_form td#form_right {
width: 50%;
text-align: right;
}

.table_form td#form_right_small {
width: 50%;
text-align: right;
}

.table_form td#form_right input {
width: 200px;
height: 22px;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #777777;
line-height: 22px;
border: solid 1px #cccccc;
}

.table_form td#form_right_small select {
width: 50px;
height: 22px;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #777777;
line-height: 22px;
border: solid 1px #cccccc;
}

.select select {
width: 100%;
font: normal 12px Arial, Verdana, Sans-Serif;
color: #777777;
outline: none;
padding: 8px;
border-radius: 4px;
border: 1px solid #ccc;
background: linear-gradient(to bottom, #d6d6d6 0%, #fff 20%);
}

.table_form_quote {
width: 100%;
margin: 0;
padding: 0;
border: solid 1px #cccccc;
background: #ffffff;
}

.button_block_top {
text-align: center;
margin-bottom: 10px;
padding-top: 10px;
border-top: solid 1px #cccccc;
}

.button_block_bottom {
text-align: center;
margin-bottom: 5px;
padding-bottom: 5px;
border-bottom: solid 1px #cccccc;
}

table.security {
width: 100%;
margin: 0;
padding: 0;
}

table.security td {padding: 5px;}

/* ONE STEP START */
.one_step_new {
padding-top: 10px;
text-align: center;
border-top: solid 1px #cccccc;
}

.onestep_steps_header {
height: 27px;
font: bold 14px Arial, Verdana, Sans-Serif;
line-height: 27px;
overflow: hidden;
padding-left: 10px;
background: url(/images/onestep_steps_header.png) right no-repeat;
}

.onestep_steps_1 {
width: 32px;
height: 27px;
float: left;
background: url(/images/onestep_steps_1.png) right no-repeat;
}

.onestep_steps_2 {
width: 32px;
height: 27px;
float: left;
background: url(/images/onestep_steps_2.png) right no-repeat;
}

.onestep_steps_3 {
width: 32px;
height: 27px;
float: left;
background: url(/images/onestep_steps_3.png) right no-repeat;
}

.onestep_steps_4 {
width: 32px;
height: 27px;
float: left;
background: url(/images/onestep_steps_4.png) right no-repeat;
}
/* ONE STEP END */

.security1 {
max-width: 375px;
color: #000000;
text-align: center;
margin: auto;
}

.security1 b {
font: bold 15px Arial;
color: #ff0000;
}

.security2 {
width: 300px;
text-align: center;
margin: auto;
margin-top: 5px;
}

.security2_img {
float: left;
width: 125px;
margin-top: 3px;
margin-right: 10px;
}

.security2_form {
float: left;
width: 60px;
margin: 0 10px 0 10px;
}

.security2_form input {
height: 30px;
}

.security2_button {
float: left;
width: 80px;
}

.security3 {
float: left;
margin-top: 5px;
}

.checkboxes {
width: 13px;
height: 13px;
display: inline-block;
cursor: pointer;
background: url(/images/checkbox.png);
}

.checkboxes input {display: none;}

.received {color: #459732;}

.processing {color: #ffa100;}

.shipped {color: #459732;}

.paid {color: #459732;}

.no_response {color: #ff0000;}

.declained {color: #aaaaaa;}

.sitemap ul li {
padding-left: 20px;
background: url(/images/bullet_arrow.png) no-repeat;
}

.sitemap ul li ul li {
padding-left: 0;
background: none;
}

.sitemap ul li a {
font: bold 12px Arial, Sans-Serif;
color: #2074b1;
text-decoration: none;
line-height: 20px;
}

.sitemap ul li a:hover {
font: bold 12px Arial, Sans-Serif;
color: #555555;
text-decoration: none;
line-height: 20px;
}

.sitemap ul li ul li a {
font: normal 12px Arial, Sans-Serif;
color: #555555;
text-decoration: none;
line-height: 18px;
}

.sitemap ul li ul li a:hover {
font: normal 12px Arial, Sans-Serif;
color: #2074b1;
text-decoration: none;
line-height: 18px;
}

div.text_content {
padding: 15px;
background: #ffffff;
}

table.table_contact1 td {
padding: 5px;
}

table.table_contact2 td {
padding: 5px;
}

.login_main {
width: 99px;
height: 32px;
font: bold 13px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
cursor: pointer;
padding-top: 3px;
padding-bottom: 7px;
border: none;
background: url(/images/login_main.png) no-repeat;
}

.input_main {
width: 100%;
font: normal 12px Arial, Sans-Serif;
color: #555555;
text-align: left;
line-height: 15px;
padding: 6px 10px;
border-radius: 15px;
border: 1px solid #ccc;   
background: linear-gradient(to bottom, #d6d6d6 0%, #fff 20%);
}

.button50 {
width: 50px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button50.png) no-repeat;
}

.button80 {
width: 80px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button80.png) no-repeat;
}

.button100 {
width: 100px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
cursor: pointer;
padding-top: 3px;
padding-bottom: 7px;
border: none;
background: url(/images/button100.png) no-repeat;
}

.button120 {
width: 120px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button120.png) no-repeat;
}

.button140 {
width: 140px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button140.png) no-repeat;
}

.button160 {
width: 160px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button160.png) no-repeat;
}

.input_titles {
font: bold 14px Arial, Sans-Serif;
color: #a9308b;
margin-bottom: 10px;
}

.input_titles span {
font: normal 12px Arial, Sans-Serif;
color: #555555;
}

.input_forms {
font: bold 12px Arial, Sans-Serif;
color: #333333;
}

textarea.input_form {
width: 100%;
height: 100px;
color: #555555;
overflow: auto;
border-radius: 4px;
border: 1px solid #ccc;
background: linear-gradient(to bottom, #d6d6d6 0%, #fff 20%);
}

.input_box {
border: none;
}

.input_form {
width: 100%;
font: normal 12px Arial, Sans-Serif;
color: #555555;
text-align: left;
line-height: 15px;
padding: 6px 10px;
border-radius: 4px;
border: 1px solid #ccc;   
background: linear-gradient(to bottom, #d6d6d6 0%, #fff 20%);
}

.form_separator {
height: 1px;
margin: 20px 0;
background: url(/images/line.png) left bottom no-repeat;
}

.donor_table {
margin: 0 0 20px;
padding: 0;
background: #cccccc;
min-width: 300px;
}

.donor_table th {
font: bold 12px Arial;
color: #333333;
text-align: left;
padding: 7px;
background: #f1f1f1;
border-bottom: 1px solid #ccc;
}

.donor_table td {
font: normal 12px Arial;
color: #555555;
text-align: left;
padding: 7px;
background: #e2e2e2;
border-bottom: 1px solid #ccc;
}

.gender {
color: #a92f8b;
font: normal 14px arial;
margin-bottom: 10px;
}

.donor_registry .name {
color: #0079db;
}

.pdf_portfolio {
float: left;
white-space: nowrap;
margin-top: 15px;
margin-right: 20px;
}

.pdf_portfolio a {
display: block;
color: #0079db;
font: normal 12px Arial;
text-decoration: none;
margin-bottom: 10px;
padding: 9px 0 9px 35px;
background: url(/images/icon_pdf.png) left no-repeat;
}

.pdf_portfolio a:hover, .donor_id a:hover{
color: #a92f8b;
text-decoration: underline;
}

.donor_id a {
display: block;
float: left;
width: 60px;
color: #0079db;
font: normal 12px Arial;
text-decoration: none;
text-align: center;
padding: 8px 10px;
margin: 4px 15px 0 0;
border-radius: 5px;
border: 1px solid #ccc;
background: #f2f2f2;
}

.ui-datepicker-trigger {
margin: 3px 0 0 10px;
}

input.box {
border: none;
}

.button_update input {
width: 160px;
height: 32px;
font: bold 12px Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: center;
line-height: 32px;
cursor: pointer;
padding-bottom: 5px;
border: none;
background: url(/images/button160.png) no-repeat;
}

.file_1 {
width: 200px;
height: 30px;
font: normal 12px Arial, Sans-Serif;
color: #555555;
text-align: left;
line-height: 30px;
padding-left: 10px;
padding-right: 10px;
line-height: 30px;
margin-right: 5px;
border: none;
background: url(/images/input_form.png) no-repeat;
}

.bottom_menu {
margin-bottom: 10px;	
}

.bottom_menu a {
display: inline-block;
position: relative;
}

.bottom_menu a:after {
content: "|";
margin: 0 20px;	
}

.bottom_menu a:last-child:after {
display: none;
}

/* clear */
.clr{clear: both !important;}

/* display */
.db {display: block !important;}
.di {display: inline !important;}
.df {display: flex;}
.dib {display: inline-block !important;}
.dnone {display: none;}

/* float */
.fl {float: left !important;}
.fr {float: right !important;}
.fnone {float: none !important;}

/* border */
.brdnone {border: none}

/* width */
.w10p {width: 10% !important;} .w20p {width: 10% !important;} .w25p {width: 25% !important;} .w30p {width: 30% !important;} .w33p {width: 33% !important;}
.w40p {width: 40% !important;} .w50p {width: 50% !important;} .w60p {width: 60% !important;} .w70p {width: 70% !important;} .w80p {width: 80% !important;}
.w90p {width: 90% !important;} .w100p {width: 100% !important;}

.w70px {width: 70px !important;}
.w100px {width: 100px !important;}
.w150px {width: 100px !important;}
 
/* padding */
.p0 {padding: 0 !important;} .p5 {padding: 5px !important;} .p10 {padding: 10px !important;} .p15 {padding: 15px !important;} .p20 {padding: 20px !important;} .p25 {padding: 25px !important;}
/* padding-left */
.pl0 {padding-left: 0px !important;} .pl5 {padding-left: 5px !important;} .pl10 {padding-left: 10px !important;} .pl15 {padding-left: 15px !important;} .pl20 {padding-left: 20px !important;} .pl25 {padding-left: 25px !important;} 
/* padding-right */
.pr0 {padding-right: 0px !important;} .pr5 {padding-right: 5px !important;} .pr10 {padding-right: 10px !important;} .pr15 {padding-right: 15px !important;} .pr20 {padding-right: 20px !important;} .pr25 {padding-right: 25px !important;}
/* padding-top */
.pt0 {padding-top: 0px !important;} .pt5 {padding-top: 5px !important;} .pt10 {padding-top: 10px !important;} .pt15 {padding-top: 15px !important;} .pt20 {padding-top: 20px !important;} .pt25 {padding-top: 25px !important;}
/* padding-bottom */
.pb0 {padding-bottom: 0px !important;} .pb5 {padding-bottom: 5px !important;} .pb10 {padding-bottom: 10px !important;} .pb15 {padding-bottom: 15px !important;} .pb20 {padding-bottom: 20px !important;} .pb25 {padding-bottom: 25px !important;}

/* margin */
.m0 {margin: 0 !important;} .m5 {margin: 5px !important;} .m10 {margin: 10px !important;} .m15 {margin: 15px !important;} .m20 {margin: 20px !important;} .m25 {margin: 25px !important;}
/* margin-left */
.ml0 {margin-left: 0px !important;} .ml5 {margin-left: 5px !important;} .ml10 {margin-left: 10px !important;} .ml15 {margin-left: 15px !important;} .ml20 {margin-left: 20px !important;} .ml25 {margin-left: 25px !important;} .ml30 {margin-left: 30px !important;}
/* margin-right */
.mr0 {margin-right: 0px !important;} .mr5 {margin-right: 5px !important;} .mr10 {margin-right: 10px !important;} .mr15 {margin-right: 15px !important;} .mr20 {margin-right: 20px !important;} .mr25 {margin-right: 25px !important;} .mr30 {margin-right: 30px !important;} 
/* margin-top*/
.mt5 {margin-top: 5px !important;} .mt10 {margin-top: 10px !important;} .mt15 {margin-top: 15px !important;} .mt20 {margin-top: 20px !important;} .mt25 {margin-top: 25px !important;}
/* margin-bottom */
.mb5 {margin-bottom: 5px !important;} .mb10 {margin-bottom: 10px !important;} .mb15 {margin-bottom: 15px !important;} .mb20 {margin-bottom: 20px !important;} .mb25 {margin-bottom: 25px !important;}


@media (max-width: 767px) { 
	.block_center {
	width: 100%;
	float: none;	
	}
	.navbar-toggle .icon-bar {
	height: 2px;
	width: 25px;
	background: #a9218e;	
	}
	
	.navbar-toggle {
	display: block;	
	float: left;
	color: #fff; 
	height: auto;
	width: auto;
	border-radius: 0;
	margin: 13px 0 0 0;
	overflow: hidden;
	padding: 0;
	background: none;
	border: transparent;
	}

	#menu_top {
	height: 100%;
	width: 0;
	position: fixed;
	z-index: 1001;
	top: 0;
	left: 0;
	margin: 0;
	overflow-x: hidden;
	transition: 0.5s;
	padding-top: 60px;
	max-width: 220px; 
	}

	#menu_top a {
	display: block;	
	text-align: left;
	padding: 12px 22px 12px 60px;
	}

	#menu_top a:after {
	display: none;	
	}

	#menu_top  .closebtn {
	position: absolute;
	top: -20px;
	right: -15px;
	cursor: pointer;
	transform: rotate(45deg);
	font-weight: 300;
	transition: 0.5s;
	color: #a9218e;
	text-decoration: none;
	font-size: 36px;
	}
	#menu_top .closebtn:before, #menu_top  .closebtn:after, #footer:after { display: none; }
	#mainpage {
	background-position: center -145px; 	
	}
	.menumain_logo { padding-bottom: 0; }

	#menumain_top #menu_top { border-radius: 0; }
	.mainpage_container {
	width: 100%;
	padding: 0 30px;
  }
  .ui-dialog { width: 90% !important; left: 5% !important; overflow:auto; -webkit-overflow-scrolling:touch; }
}

@media screen and (min-width: 480px) and (max-width: 767px) {
	.logo { margin: 15px 0 10px; }
	.logo img { margin: auto; width: 175px;}
	.logo2 { margin: 30px auto 0; }
	.logo2 img {  width: 200px;  text-align: right;  display: inline-block; }
}

@media screen and (max-width: 479px) {
	.logo { margin: 7px 0 10px; }
	.logo img { margin: auto; width: 120px;}
	.logo2 { margin: 15px auto 0; }
	.logo2 img {  width: 200px;  text-align: right;  display: inline-block; }
	.mainform { margin: 10px auto; }
	.title2, a.title2:hover { color: #9f3086; }
	.menumain_logo { width: 100%; }
	.security1 { max-width: 225px; }
	.security2_btn {  clear: both;  padding-top: 20px; }
}

@media screen and (min-width: 768px) {
/* Left menu */

.left_menu a {
display: block;
width: 115px;
height: 86px;	
margin-bottom: 5px;
opacity: 0.8;
}

.left_menu a:hover, .left_menu a:active {
opacity: 1;
}

.menu_279 a {
background: url(/images/menu_account_over.png) no-repeat;
}

.menu_279#current_icon a {
background: url(/images/menu_account_current.png) no-repeat;
}

.menu_280 a {
background: url(/images/menu_add_over.png) no-repeat;
}

.menu_280#current_icon a {
background: url(/images/menu_add_current.png) no-repeat;
}

.menu_281 a {
background: url(/images/menu_registry_over.png) no-repeat;
}

.menu_281#current_icon a {
background: url(/images/menu_registry_current.png) no-repeat;
}

.menu_282 a {
background: url(/images/menu_forum_over.png) no-repeat;
}

.menu_282#current_icon a {
background: url(/images/menu_forum_current.png) no-repeat;
}

/* Left menu end */
}

@media screen and (min-width: 768px) and (max-width: 991px) {
	#footer:after {
	background-size: 30%;	
	}
	.container {
	width: auto;
	}
	.footer_padding {
  padding-bottom: 150px;
	}
	#footer {
	height: 130px; 
	}
	#footer:after {
	display: none;	
	}
}

@media screen and (min-width: 992px) and (max-width: 1200px) {
	#footer:after {
	background-size: 30%;	
	}
}