/* Default CSS

----------------------------------------------------------------------------------------------------*/



body{ background:#ffca00; font-family: 'fs_blake';}

.center{ text-align:center; }



.white_bg{ background:#FFF;}

.columbus-btn{background:none repeat scroll 0 0 #695A3B;}

.columbus-btn:hover {

    background: none repeat scroll 0 0 #7B715B;

}

.columbus-btn:active, .columbus-btn:focus {

    background: none repeat scroll 0 0 #54462A;

}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {

    font-weight:normal;

}

label{font-weight:normal;}

.light{ color:#666;font-size:15px;}



@font-face {

    font-family: "fs_blake";

    src: url("../fonts/fsblake-regular-webfont.eot?#iefix") format("embedded-opentype"),

    url("../fonts/fsblake-regular-webfont.woff") format("woff"),

    url("../fonts/fsblake-regular-webfont.ttf") format("truetype"),

    url("../fonts/fsblake-regular-webfont.svg#fs_blakeregular") format("svg");

}

/*

@font-face {

    font-family: "fs_blake";

    src: url("http://www.columbuscoffee.co.nz/sites/all/themes/columbus/fonts/fsblake-regular-webfont.eot?#iefix") format("embedded-opentype"),

    url("http://www.columbuscoffee.co.nz/sites/all/themes/columbus/fonts/fsblake-regular-webfont.woff") format("woff"),

    url("http://www.columbuscoffee.co.nz/sites/all/themes/columbus/fonts/fsblake-regular-webfont.ttf") format("truetype"),

    url("http://www.columbuscoffee.co.nz/sites/all/themes/columbus/fonts/fsblake-regular-webfont.svg#fs_blakeregular") format("svg");

}

*/



@font-face {font-family: 'fs_blake';

    font-weight: bold;

    src: url('../fonts/fsblake-bold-webfont.eot');

    src: url('../fonts/fsblake-bold-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/fsblake-bold-webfont.woff2') format('woff2'),

         url('../fonts/fsblake-bold-webfont.woff') format('woff'),

         url('../fonts/fsblake-bold-webfont.ttf') format('truetype'),

         url('../fonts/fsblake-bold-webfont.svg#fs_blakebold') format('svg');

    font-weight: normal;

    font-style: normal;



}



@font-face {

    font-family: "fs_blake";

    font-weight: 100;

    src: url("../fonts/fsblake-light-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-light-webfont.woff") format("woff"),

        url("../fonts/fsblake-light-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-light-webfont.svg#fs_blakelight") format("svg");

}



@font-face {

    font-family: "fs_blake";

    font-style: italic;

    src: url("../fonts/fsblake-italic-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-italic-webfont.woff") format("woff"),

        url("../fonts/fsblake-italic-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-italic-webfont.svg#fs_blakeitalic") format("svg");

}

@font-face {

    font-family: "fs_blake";

    font-style: italic;

    font-weight: bold;

    src: url("../fonts/fsblake-bolditalic-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-bolditalic-webfont.woff") format("woff"),

        url("../fonts/fsblake-bolditalic-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-bolditalic-webfont.svg#fs_blakebold_italic") format("svg");

}

@font-face {

    font-family: "fs_blake";

    font-weight: 500;

    src: url("../fonts/fsblake-heavy-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-heavy-webfont.woff") format("woff"),

        url("../fonts/fsblake-heavy-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-heavy-webfont.svg#fs_blakeheavy") format("svg");

}

@font-face {

    font-family: "fs_blake";

    font-style: italic;

    font-weight: 900;

    src: url("../fonts/fsblake-heavyitalic-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-heavyitalic-webfont.woff") format("woff"),

        url("../fonts/fsblake-heavyitalic-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-heavyitalic-webfont.svg#fs_blakeheavy_italic") format("svg");

}



@font-face {

    font-family: "Birch";

    src: url("../fonts/Birch.eot?#iefix") format("embedded-opentype"),

        url("../fonts/Birch.woff") format("woff"),

        url("../fonts/Birch.ttf") format("truetype");

}





@font-face {font-family: 'fs_blakeheavy';

    src: url('../fonts/fsblake-heavy-webfont.eot');

    src: url('../fonts/fsblake-heavy-webfont.eot?#iefix') format('embedded-opentype'),

         url('../fonts/fsblake-heavy-webfont.woff2') format('woff2'),

         url('../fonts/fsblake-heavy-webfont.woff') format('woff'),

         url('../fonts/fsblake-heavy-webfont.ttf') format('truetype'),

         url('../fonts/fsblake-heavy-webfont.svg#fs_blakeheavy') format('svg');

    font-weight: normal;

    font-style: normal;



}

@font-face {

    font-family: "fs_blake_heavyitalic";

    font-style: italic;

    font-weight: 900;

    src: url("../fonts/fsblake-heavyitalic-webfont.eot?#iefix") format("embedded-opentype"),

        url("../fonts/fsblake-heavyitalic-webfont.woff") format("woff"),

        url("../fonts/fsblake-heavyitalic-webfont.ttf") format("truetype"),

        url("../fonts/fsblake-heavyitalic-webfont.svg#fs_blakeheavy_italic") format("svg");

}




/* Header CSS

----------------------------------------------------------------------------------------------------*/



#header_wrapper{ margin:0px; padding:30px 0px 0px; width:100%; clear:both; float:left; text-align:center;}





/* Main Wrapper CSS

----------------------------------------------------------------------------------------------------*/



#main_wrapper{ margin:0px; padding:0px; width:100%; clear:both; float:left;}



.register{ margin-top:50px;}

.register form{ background:#FFF; padding:40px;}

.register form .register_icon{ margin:-90px 0 0 -40px; float:left;}

.register form p{ font-size:15px; display:inline-block; line-height:normal; margin-bottom:30px;}

.register form ul{ margin:0px; padding:0px;}

.register form ul li{ margin:0px 0 10px 0; padding:0px; list-style-type:none; position:relative;}

.register form ul li .help_text{ text-align:right; color:#bbb9b9; font-size:11px; font-style:italic; display:list-item; }

.register form ul li input{ width:100%; padding:2%; border:1px solid #e0e0e0; font-family: 'fs_blake'; font-weight:normal; font-size:13px; color:#636363;}

.register form ul li input[type="submit"]{ background:#695a3e; text-align:center; font-size:22px; font-style:italic; color:#FFF; border:none; font-family: 'fs_blakeheavy'; line-height:20px; cursor:pointer;}

.register form ul li.filled{ display:flex;}

.register form ul li.filled span{ margin-bottom:5px;}

.register form ul li .right{ width:90px; float:right; padding-top:10px;}

.register form ul li .left{ width:85%; float:left; margin-bottom:10px;}





.select-wrapper .holder{display: block; margin: 0 35px 0 12px;white-space: nowrap; overflow: hidden;cursor: pointer;    position: relative; z-index: 1;color:#aeaeae;}

.select-wrapper{float: left;display: inline-block;border: 1px solid #e0e0e0; background: #FFF url(../images/dropdown.png) no-repeat right center;cursor: pointer; width:100%; margin-bottom:15px; font-size:13px;}

.select-wrapper, .select-wrapper select{ height:48px; line-height:48px; width:100%;}

.select-wrapper select{ margin: 0;position: absolute;z-index: 2; cursor: pointer;outline: none;opacity: 0;}

.select-wrapper select option{ padding:5px;}



.login{ margin-top:50px;}

.login form{ background:#FFF; padding:40px;}

.login form .login_icon{ margin:-90px 0 0 -40px; float:left;}

.login form p{ font-size:15px; display:inline-block; line-height:normal; margin-bottom:30px;}

.login form ul{ margin:0px; padding:0px;}

.login form ul li{ margin:0px 0 10px 0; padding:0px; list-style-type:none;}

.login form ul li input{ width:100%; padding:3%; border:1px solid #e0e0e0; font-family: 'fs_blake'; font-size:13px; color:#636363;}

.login form ul li input[type="submit"]{ background:#695a3e; text-align:center; font-size:22px; font-style:italic; color:#FFF; border:none; font-family: 'fs_blakeheavy'; line-height:20px; cursor:pointer;}

.login form ul li.forgot{ text-align:right; color:#b1b1b1; font-size:14px;}





.update_detail{ background:#FFF;}



.update_detail .update_detail_left{ background:#f5f5f5; border:1px solid #e3e3e3; margin-top:15px; padding:15px;}

.update_detail .update_detail_left h4{ margin:0px 0 15px 15px;}

.update_detail .update_detail_left p{ margin:0px 0 15px 15px;}

.update_detail .update_detail_left ul{ margin:0px; padding:0px;}

.update_detail .update_detail_left ul li{ margin:0px; padding:5px 10px; list-style-type:none;}

.update_detail .update_detail_left ul li.active{ background:#0088cc;}

.update_detail .update_detail_left ul li.active a{ color:#FFF;}

.update_detail .update_detail_left ul li span{ background:url(../images/admin_icons.png) no-repeat; width:18px; padding-left:18px;}

.update_detail .update_detail_left ul li.AS span{ background-position:0 2px; }

.update_detail .update_detail_left ul li.AS.active a span{ background-position:-20px 2px;}

.update_detail .update_detail_left ul li.TH span{ background-position:0 -30px;}

.update_detail .update_detail_left ul li.TH.active a span{ background-position:-20px -30px;}

.update_detail .update_detail_left ul li.UD span{ background-position:0 -67px;}

.update_detail .update_detail_left ul li.UD.active a span{ background-position:-20px -67px;}

.update_detail .update_detail_left ul li.CP span{ background-position:0 -101px;}

.update_detail .update_detail_left ul li.CP.active a span{ background-position:-20px -101px;}

.update_detail .update_detail_left ul li.LS span{ background-position:0 -101px;}

.update_detail .update_detail_left ul li.LS.active a span{ background-position:-20px -101px;}

.update_detail .update_detail_left ul li.LO span{ background-position:0 -171px;}

.update_detail .update_detail_left ul li.LO.active a span{ background-position:-20px -171px;}

.update_detail .update_detail_left ul li a{ color:#222;}

.update_detail .update_detail_left ul li a:hover{ text-decoration:none;}



.update_detail .update_detail_right{ padding-top:10px;}

.update_detail .update_detail_right ul{ margin:0px; padding:0px;}

.update_detail .update_detail_right ul li{ margin:0px 0 10px; padding:0px; list-style-type:none; float:left; width:100%;}

.update_detail .update_detail_right ul li label{ width:30%; float:left; color:#4e4e4e; font-weight:normal; height:42px;}

.update_detail .update_detail_right ul li label span{ color:#ff4545; font-size:16px;}

.update_detail .update_detail_right ul li input{ width:70%; float:right; border:1px solid #e0e0e0; background: #FFF; box-shadow:0px 0px 5px #f2f2f2 inset; padding:10px 5px; color:#505050;font-weight:300;}

.update_detail .update_detail_right ul li .select-wrapper, .select-wrapper select{ width:70%; line-height:40px; height:40px; box-shadow:0px 0px 5px #f2f2f2 inset;}



.update_detail .update_detail_right ul li input[type="submit"]{ background:#695a3e; text-align:center; font-size:18px; /*font-family: 'fs_blakeheavy'; font-style:italic;*/ color:#FFF; border:none; line-height:20px; cursor:pointer; box-shadow:none; width:auto; padding:8px 20px; float:left;}

.update_detail .update_detail_right ul li a.cancelBtn{ text-align:center; font-size:18px; /*font-family: 'fs_blakeheavy'; font-style:italic;*/ color:#FFF; border:none; line-height:20px; cursor:pointer; box-shadow:none; width:auto; padding:10px 20px; font-weight:300;}





/* Footer CSS

----------------------------------------------------------------------------------------------------*/



#footer_wrapper{ margin:20px 0 20px; padding:0px; width:100%; clear:both; float:left; text-align:center; color:#222; font-size:14px;}

#footer_wrapper .footer{ background:#222; font-size:14px; color:#FFF; padding:20px 0px; text-transform:uppercase; letter-spacing:1px; margin-bottom:20px; }















/* Smartphones (portrait and landscape) ----------- */

@media only screen 

and (min-width : 320px) 

and (max-width : 480px) {



#header_wrapper img{ width:90%;}

	

.login{ margin-top:80px;}



.register form ul li .left{ width:100%;}

.register form ul li .right{ display:none;}

.register form ul li.filled span{ text-align:left; line-height:normal; margin-bottom:10px;}

.register form ul li .help_text{ text-align:left;}



.login form ul li.forgot{ text-align:left;}





}





/* Smartphones (portrait) ----------- */

@media only screen 

and (max-width : 320px) {



#header_wrapper img{ width:90%;}

	

.login{ margin-top:80px;}



.register form ul li .left{ width:100%;}

.register form ul li .right{ display:none;}

.register form ul li.filled span{ text-align:left; line-height:normal; margin-bottom:10px;}

.register form ul li .help_text{ text-align:left;}

.login form ul li.forgot{ text-align:left;}



.update_detail .update_detail_right ul li label{ width:100%; float:left; margin-bottom:5px;}

.update_detail .update_detail_right ul li input{ width:100%; float:left;}

.update_detail .update_detail_right ul li .select-wrapper, .select-wrapper select{ width:100%;}





}



/* Android (landscape) ----------- */

@media only screen 

and (min-width : 481px) 

and (max-width : 680px) {



#header_wrapper img{ width:90%;}

	

.login{ margin-top:80px;}	

.register form ul li.filled span{ text-align:left; line-height:normal; margin-bottom:10px;}

.register form ul li .help_text{ text-align:left;}



.login form ul li.forgot{ text-align:left;}

	

	

}



/* iPads (landscape) ----------- */

@media only screen 

and (min-width : 768px) 

and (max-width : 1024px) {



.register form ul li.filled span{ text-align:left; line-height:normal; margin-bottom:10px;}

.register form ul li .help_text{ text-align:left;}

.login form ul li.forgot{ text-align:left;}



}





@media (min-width : 979px) {

    .register form ul li.filled span{ text-align:right;}

    .register form ul li .help_text{ text-align:right;}

    .login form ul li.forgot{ text-align:right;}



}

.log-head {
    text-align: center;
}

#footer_wrapper a {
    color: #ffffff;
}

@media (max-width: 500px) {
  .register  h3,  .login h3 {
    margin-bottom: 48px;
  }
  .inst {
      width: 100%;
  }
}