/*
Theme Name: rumput-hijau-child
Description: Wordpress Theme for Chainveyor
Template: rumput-hijau
*/

@import url("../rumput-hijau/style.css");

html > body {font-size: 14px; }
body {  font-size: 14px;
	border-top: 0;
	background-color: #E3B076;
	background-image: url('/media/bg-header.gif') repeat-x;  }
#wrapper {
	margin-bottom: 0; 
	margin: 0 auto;  }

a.indent15 {padding-left:25px;}
a.indent30 {padding-left:45px;}

h1, h2, h3, h4, h5, h6 { font-family: Arial, "Helvetica Neue", Helvetica, sans-serif; }

h1 {color:#F79700; font-weight:bold; margin-top:0.5em;}
h1, .content-right .entry-title {font-size: 170%; background-image:none; }

h2 { font-size:120%; color:#F79700;   }
h2.entry-title:hover { color:#F79700; }

h2.entry-title a { font-size:170%; color:#F79700;   }
 
h2.entry-title a, .content-right .entry-title a, .content-right .entry-title a:visited {
  color: #F79700; }
.content-right .entry-title a:hover {
  color: #F79700;
  text-decoration: underline;}

.content-right h2.entry-title, .content-right h2.entry-title a {
  font-size: 140%;
  line-height: 1.5em;
  margin-bottom: 0.6em;
  margin-top:0.5em;
font-weight:bold;}

a, a:visited {color: #478bde; text-decoration: underline;}
a:hover {color: #225797; text-decoration: none;}

#topheader {   }
#tophead {
	margin: auto;
	width: 70em;
	max-width: 100%;
	padding-bottom: 0;
	background: url('/media/bg-gradient.gif') repeat-x; display:block; overflow:auto;   }


#lauyans-logo {float:left; padding: .5em 1.5em .5em 1.5em;  }
#lauyans-logo img {max-width:100%; height: auto; }
#logo {padding: 1em 2em .25em 0; float:left; } 
#phone {padding: 2em 3em .5em 0; float:left; } 
#tagline {padding: 2em 2em .5em 0; float:left; color: #666666; font-weight: normal; font-size:1.25em; font-style:italic;}


#primary-nav {
	margin: 0 auto; 
	background:url('/media/bg-topnav-fade.png') repeat-x; }
#primary-nav .inside-primary-nav {
	width: 70em;
	background:url('/media/bg-topnav.png') repeat-x;  }
#primary-nav, #primary-nav .inside-primary-nav { min-height: 3em; }
.nav {  padding: 10px 0 0 0; 
	width: 96%;
	margin-left: 2%;
	margin-right: 2%;  }
.nav a, .nav a:visited  {
	color: #fff;
	padding: 7px 0px 2px 0; display:block;
	background-color: #361A4A; }
.nav a:focus, .nav a:hover, .nav a:active {
	background: #361A4A;
	color: #F79700; }
.nav li {
	background:url('/media/dot.png') no-repeat; 
	background-position: 0 10px; 
	padding: 0 1em 1em 0.75em; 
	font-weight: bold;}
.nav li.current-menu-item, .nav li:hover, .nav li.current_page_item a, .nav a:focus, .nav a:hover, .nav a:active {
	color: #FFCC00; 
	background-color: none;}
.nav li:hover {
	background-color: inherit; }
.nav li.current_page_item a {
	/*background: #DF0000;*/
	background-color: inherit; }

#menu-left, #menu-left .sub-menu {
	margin: 0;
	padding: 0;
}
#menu-left ul li {
	list-style-type: none;
}
#menu-left > li {
	list-style-type: none;
}
#menu-left > li a {
    background-color: #FAD0A0;
    border-bottom: 1px solid #CBAB88;
    font-weight: bold;
    padding-bottom: 0.25em;
    padding-left: 1.5em;
    padding-top: 0.25em;
}
#menu-left a {
    color: #361A4A;
    display: block;
    padding-left: 1em;
    text-decoration: none;
}
#menu-left a:hover {
    color: #DF0000;
}
#menu-left .sub-menu > li a {
    background-color: #FDE4C7;
    border-bottom: medium none;
    font-weight: normal;
    line-height: 1.5em;
    padding-bottom: 0.1em;
    padding-left: 2em;
    padding-top: 0.1em;
}
#menu-left .sub-menu .sub-menu li {
    display: none;
}
#menu-left .current-menu-ancestor .current-menu-ancestor .sub-menu li {
	display: block;
}
#menu-left li.current-menu-item.current_page_item > .sub-menu li {
	display: block;
}
#menu-left .current-menu-item .sub-menu .sub-menu {
	display: none;
}
#menu-left .sub-menu .sub-menu li a {
    background-color: #FFF6EC;
    border-bottom: 1px solid #CBAB88;
    font-size: 12px;
    font-weight: normal;
    line-height: 1.4em;
    padding-bottom: 0.1em;
    padding-left: 3em;
    padding-top: 0.1em;
}
#menu-left li.current-menu-item.current_page_item > a {
	background: url("/media/tic.png") no-repeat scroll 10px 12px #FAD0A0;
}
#menu-left .sub-menu li.current-menu-item.current_page_item > a {
	background: url("/media/tic.png") no-repeat scroll 16px 8px;
}
#menu-left .sub-menu .sub-menu li.current-menu-item.current_page_item > a {
    background: url("/media/tic.png") no-repeat scroll 24px 5px #FFF6EC;
}


/*HIDE SECONDARY MENU ITEMS UNTIL MOBILE */
#subnav, {display:none; }
/* ul.sub-menu, ul.sub-menu li, ul.sub-menu a {display:none; } */
.nav li:hover ul {display:none; }    /*hide secondary items in main menu until select */



/* MOVE SIDEBAR TO LEFT */
#sidebar {
	padding: 0 0 3em 0;
	display: inline;
	float: left; 
	width: 22%;
	margin-right: 1%;
	clear:both;
	background:#FDE4C7; }
#main-content {
	display: inline;
	float: left; 
	width: 75%;
	padding: 0;
	margin-right: 0;
	margin-left: 1%;
	background-color: #fff;
	line-height:1.4em; }






#navblock {
	padding: 0; }
#navblock a {
	display: block;
	padding-left: 0;
	text-decoration: none;
	color: #361A4A; }
#navblock a:hover {color: #F79700; }
#navblock ul {margin: 0; padding: 0;  }
#navblock ul li {
	list-style-type: none; 
	border-bottom: 1px solid #CBAB88;
	background-color: #FAD0A0;
	font-weight: bold;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
	padding-left: 20px;   }
#navblock ul li.upactive {
	background: #FAD0A0 url('/media/tic.png') 10px 11px no-repeat;  } 
#navblock ul ul {
	margin: 0;  }
#navblock ul ul li.sub, #navblock ul ul li.subactive {
	padding-left: 30px;
	line-height: 1.5em;
	background-color: #FDE4C7;
	border-bottom: none;
	font-weight: normal;
	padding-top: 0.1em;
	padding-bottom: 0.1em; }
/*add arrow */
#navblock ul ul li.subactive {
	background: #FDE4C7 url('/media/tic.png') 20px 8px no-repeat;  } 
#navblock ul ul li.subsub, #navblock ul ul li.subsubactive  {
	padding-left: 1.75em;
	line-height: 1.4em;
	background-color: #fff6ec;
	border-bottom: 1px solid #CBAB88;
	font-weight:normal;
	font-size:12px;
	padding-left: 40px; } 
#navblock ul ul li.subsubactive  {
	background: #fff6ec url('/media/tic.png') 30px 5px no-repeat;  } 


#contactblock  {
	padding: 0; 
	background:url('/media/bg-contact.png') repeat-x;
	background-color: #c1e4ff;  
	padding-bottom: 10px; 
	border: 3px solid #fff;
	-moz-border-radius: 11px;
	border-radius: 11px;
	font-size: .857em; 
	line-height: 1.5em; }
#contactblock #top { height: 45px; }	
#contactblock div {
	padding: 0 10px; }
#contactblock h2  {
	margin: 0; padding-top: 1em;
	font-size: 1.2em;
	line-height: 1em; 
	color: #fff; }
#contactblock input {display:block; width:100%; margin-bottom:5px;}
#contactblock input[type="submit"] {width: 50%; }



#container-wrap {
	background-color: #CFCFCF;
	background-image: url('/media/page-bg.png'); }
#container {
	width: 70em;
	background-color: #fff;
	background-image:none; }

#rightcol {
	float: right;
	width: 35%; }

#rightcol ul {
	list-style-type: none !important;
}

/* FORMS */
@media screen and (min-width:600px) { #contact-form .form-group { display:inline-block; width: 45%; padding-right: 4%; } }
#contact-form .form-group { padding-bottom: 6px; }
#contact-form .form-group.full { width: 100%; padding: 0 0 6px 0; } 
#contact-form label { font-weight: normal; margin-top: .5em; display:block; }
#contact-form input, #contact-form textarea { width:100%; }
#contact-form input[type="checkbox"] { width:2em; margin-top:0; }
#contact-form input[type="submit"] { clear:both; width:10em; }
#contact-form p.req { clear:both; font-size:75%}
#contact-form label.error {
	color: #B72020; font-style: italic;
	font-weight: bold;
	background-image: none; background-color:#fff; border:0; }
input.error { background-image: none; background-color:#fff }
#contact-form td { vertical-align: top; }
#userCompanyEmail { display:none; }



/*overwrite parent style*/
table { width: auto; }
table, td { border: none; margin: 0;}
th { border: none;}
td { font-size: 14px; line-height: 16px; }



#footer .footer-credits {
	background-color: #CFCFCF;
	background-image: url('/media/page-bg.png');
	padding: 0 10px 80px 10px; 
	text-align:center;
	color: #000000;
	font-size: 0.75em; }
#footer {border-bottom: 0; }
#footer a {
	color: #000; }
#footer a:hover {
	text-decoration: underline; }


/*MOVE BLOG SIDEBAR TO RIGHT */
#main-content .content-right { float:left; margin-right: 2%; }
#main-content .content-left { float:right; margin-right:0; }


/* HOME PAGE STYLES */
#home-right {
	float: right;
	width: 30%;
	margin-left: 3%;
	padding: 20px 0 10px 2em;
	border-left: 1px solid #d2dde7;  }
#home-right span {color:#1c79ba; font-weight: bold; }
#home-right img {
	margin-bottom: 8px; }

.photoFloatLeft {
	float: left; }


/* MOBILE NAV STYLES */
.outer-wrap { position: relative; overflow: hidden; width: 100%; z-index: 1; }
.inner-wrap { width: 100%; margin: 0 auto; background: url('images/body-bg.png') 0 0 #FFFFFF;}

/* Nav Styles */
.mobile-quick-nav { display: none; } /* hide the mobile quick nav */
.off-canvas-nav { display: none; } /* hide the off-canvas nav */


.off-canvas-nav {
	overflow-y: auto;
	display: none;
	position: absolute;
	z-index: -1;
	width: 70%;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	clear: both;
	background: #2464CC;
}


.off-canvas-nav .mobile-menu-container ul {
padding: 0;
margin: 0;
}
.off-canvas-nav .mobile-menu-container ul li {
	color: #fff;

}

.off-canvas-nav .mobile-menu-container ul li a {
	line-height: 18px;
	color: #333;
	display: block;
	height: auto;
	padding: 10px 0 10px 25px;
	margin: 0 0 0 0px;
	border-bottom: 1px solid #EAD2D0;
	border-top: 1px solid #fff;
background: #f9f1e0; /* Old browsers */
background: -moz-linear-gradient(top,  #f9f1e0 0%, #f9f9f9 64%, #f2e6c1 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f9f1e0), color-stop(64%,#f9f9f9), color-stop(100%,#f2e6c1)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #f9f1e0 0%,#f9f9f9 64%,#f2e6c1 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #f9f1e0 0%,#f9f9f9 64%,#f2e6c1 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #f9f1e0 0%,#f9f9f9 64%,#f2e6c1 100%); /* IE10+ */
background: linear-gradient(to bottom,  #f9f1e0 0%,#f9f9f9 64%,#f2e6c1 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f9f1e0', endColorstr='#f2e6c1',GradientType=0 ); /* IE6-9 */
}

.off-canvas-nav .mobile-menu-container > ul > li > ul.sub-menu > li a:before {
content: "- ";
}

.off-canvas-nav .mobile-menu-container > ul > li > ul.sub-menu > li > ul.sub-menu li a:before {
content: "-- ";
}



/* Styles for single-panel off-canvas nav */

.off-canvas-nav.single-panel ul li > ul li a {
	padding: 10px 0 10px 40px;
}

.off-canvas-nav.single-panel ul li > ul li > ul li a {
	padding: 10px 0 10px 55px;
}


nav.desktop-nav ul {
	height: 40px;
}

nav.desktop-nav ul > li {
	display: inline-block;
	height: 40px;
}

/* REMOVE SELECT BOX NAVS AND FIX JS .MENU CLASS STYLES */

.tinynav {
display: none !important;
}


/* ----------- END MOBILE NAV DESKTOP STYLES ----------- */




/* =============================================================================
- Media Queries
Styles for responsive layouts    240 / 320 / 480 / 768 / 1024 / 1150
parent css has styles for        max-width 767 /  480-766 / max-width:600
============================================================================= */
@media screen and (max-width: 960px) { 
  #tagline { padding-top: .5em; }
  #sidebar { /* hide left col */
	display: none;  }


/* Start mobile nav styles */

.desktop-nav { display: none; }

.mobile-quick-nav {
display: block;
filter: none;
}

.mobile-quick-nav ul { list-style-type: none; overflow: hidden; padding: 0; margin: 0; }
.mobile-quick-nav ul li {
border: 0;
display: block;
float: left;
margin: 0;
padding: 0;
position: relative;
z-index: 5;
background: url('images/nav-carrot.png') no-repeat center left;
}

.mobile-quick-nav ul li a {
color: #fff;
cursor: pointer;
display: block;
font-size: 13px;
font-weight: 700;
height: 42px;
line-height: 42px;
margin: 0;
padding: 0 0.9em;
position: relative;
}

.mobile-quick-nav ul li.nav-btn {
margin-left: 10px;
background: url('/wp-content/uploads/2014/03/nav-icon.png') 0% 50% no-repeat;
background-size: 25% 70%;
}


.mobile-quick-nav ul li.nav-btn a {
padding-left: 40px;
}

.off-canvas-nav {
	display: block;
	position: absolute;
	z-index: -1;
	width: 70%;
	height: 100%;
	padding: 0;
	margin: 0;
	top: 0;
	left: 0;
	clear: both;
	background: #f9f9f9;
}

/* CSS Animates the off-canvas navigation */
.mobile-nav-wrap {
	position: relative;
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}

.off-canvas .mobile-nav-wrap {
	-webkit-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
	   -moz-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		-ms-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
		 -o-transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
			transform: translate3d(70%, 0, 0) scale3d(1, 1, 1);
	-webkit-transition: all 0.5s ease-in-out;
	   -moz-transition: all 0.5s ease-in-out;
		-ms-transition: all 0.5s ease-in-out;
		 -o-transition: all 0.5s ease-in-out;
			transition: all 0.5s ease-in-out;
}

.ie9 .off-canvas .mobile-nav-wrap {
	position: absolute;
	left: 70%;
}
/* End of MOBILE NAV styles */
}

@media screen and (max-width: 768px) {  /* switch to mobile menu */
  ul.nav { display: none; }
  #primary-nav {
	/*height: 2.5em; */ }
  .inside-primary-nav .mobileMenu {
	display: inline;
	margin: 8px 2.041% 0 2.041%;
	height: auto;
	padding: 2px;
	width: 75%; 
	max-width: 400px; }
  #lauyans-logo { display: none; }
  #logo, #phone, #tagline { padding-top: .5em; }
  #phone, #tagline {padding-right: 1em; }
  #sidebar { margin-top: 0; }
}
 

@media screen and (max-width: 520px) {
  #tagline { display: none; }
  #logo, #phone { width:100%; text-align:center; clear:both; padding:.25em 0; }
  #sidebar { /* hide left col */
	display: none;  }
  .nav li:hover ul { display: visible; }    /*show secondary items in mobile menu */
  #subnav {display:block; }  /* blue links on page  have these?  */
  #main-content {
	float: left;
	width: 96%;
	margin: 0 2% }
}


.photoRight {float: right;margin: 12px 0 12px 12px;}
.photoLeft {float: left;margin: 12px 12px 12px 0;}


.indent-15 { margin-left: 15px; }
.indent-30 { margin-left: 30px; }

#table-borders td {
border: 1px solid #ccc;
}

.center-image {margin: 20px 0 0 0;}

/*FIX COLORBOX FOR IE7-8 */
#cboxLoadedContent img {
max-width: none;
}

/* Gallery Styles */
.ngg-gallery-thumbnail {
width: 160px;
}

/* Gallery Styles */
.ngg-gallery-thumbnail span {
width: 180px;
}

/* IE8 NAV UNDERLINE NUKE */

#primary-nav {text-decoration: none;}
#menu-main {text-decoration: none;}
.nav {text-decoration: none;}
.menu-item {text-decoration: none;}
#primary-nav a {text-decoration: none;}
#menu-main a {text-decoration: none;}
.nav a {text-decoration: none;}
.menu-item a {text-decoration: none;}
#primary-nav li {text-decoration: none;}
#menu-main li {text-decoration: none;}
.nav li {text-decoration: none;}
#primary-nav li a {text-decoration: none;}
#menu-main li a {text-decoration: none;}
.nav li a {text-decoration: none;}

#primary-nav a:hover {text-decoration: none;}
#menu-main a:hover  {text-decoration: none;}
.nav a:hover  {text-decoration: none;}
.menu-item a:hover  {text-decoration: none;}
#primary-nav li a:hover  {text-decoration: none;}
#menu-main li a:hover  {text-decoration: none;}
.nav li a:hover  {text-decoration: none;}

/* =Forms
-------------------------------------------------------------- */
label {
	display: inline-block;
	font-weight: 700;
	padding: 2px 0;
}

legend {
	padding: 2px 5px;
}

fieldset {
	border: 1px solid #ccc;
	margin: 0 0 1.5em;
	padding: 1em 2em;
}

select,
input[type="text"], 
input[type="password"] {
    -moz-box-sizing: border-box;
	-moz-border-radius: 2px;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	background: #f4f4f4;
	box-sizing: border-box;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	margin: 0;
	outline: none;
	padding: 6px 8px;
	vertical-align: middle;
	width: 100%;
}

select {
	height: auto;
	width: 70%;
}

area,
textarea {
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	-webkit-border-radius: 2px;
	-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
	background: #f4f4f4;
	box-sizing: border-box;
	background: #f4f4f4;
	border: 1px solid #aaa;
	border-bottom-color: #ccc;
	border-radius: 2px;
	height: auto;
	overflow: auto;
	margin: 0;
	outline: none;
	padding: 8px 10px;
	width: 100%;
}

input, 
select {
	cursor: pointer;
}

area:focus,
input:focus, 
textarea:focus {
	background: #fff;
}

input[type='text'], 
input[type='password'] {
	cursor: text;
}

/* =IE Forms
-------------------------------------------------------------- */
.ie7 area,
.ie7 select,
.ie7 textarea,
.ie7 input[type="text"], 
.ie7 input[type="password"] {
    width: 96%;
}

#mainblock {
	float: left;
	width: 100%;
	margin-left: 0; }
  #rightcol {
	float: right;
	width: 100%;
	margin-left: 0; }
  #rightcol .block {
	padding: 3%;
	background-color: #fbba38; 
	padding-bottom: 4px; }	
  #sidebar2 { padding: 15px 0 0 0; }
  #main-content .post { position: inherit; overflow: hidden; border-bottom: none; }
  .content-left span { padding-left: 0; }
  .widget { overflow: visible; }
  .widget_categories ul li { text-align: left; }
  .widget_categories ul li a { float: none; }
  .widget_archive ul li { text-align: left; }
  .widget_archive ul li a { float: none; }
  .widget-title { color: #F79700; }
  .widget-search { margin-left: 3px; }
  .widget ul { list-style: square; }

#rightcol {
width: 20%;
}


button, 
a.button,
input[type='reset'], 
input[type='button'], 
input[type='submit'] {
width: 100%;
	-moz-border-radius: 2px;
    -moz-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
    -webkit-box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
	-webkit-border-radius: 2px;
	background-color: #cdc9c9; /* Snow 3 */
	background-image: -webkit-gradient(linear, left top, left bottom, from(#f6f5f5), to(#cdc9c9));
	background-image: -webkit-linear-gradient(top, #f6f5f5, #cdc9c9);
	background-image: -moz-linear-gradient(top, #f6f5f5, #cdc9c9);
	background-image: -ms-linear-gradient(top, #f6f5f5, #cdc9c9);
	background-image: -o-linear-gradient(top, #f6f5f5, #cdc9c9);
	background-image: linear-gradient(top, #f6f5f5, #cdc9c9);
	box-shadow: 0pt -1px 0pt rgba(0, 0, 0, 0.075) inset, 0pt 1px 0pt rgba(255, 255, 255, 0.3) inset, 0pt 1px 2px rgba(0, 0, 0, 0.1);
	border: 1px solid #aca6a6;
	border-radius: 2px;
	color: #444;
	cursor: pointer;
	display: inline-block;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#f6f5f5, endColorstr=#cdc9c9);
	font-size: 12px;
	font-weight: 700;
	margin: 0;
	padding: 6px 10px;
	text-decoration: none;
	text-shadow: 0 1px 0 #fff;
	vertical-align: middle;
	white-space: nowrap;
}


input[type='submit']:hover {
	background-color: #fff;
	background-image: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#cdc9c9));
	background-image: -webkit-linear-gradient(top, #fff, #cdc9c9);
	background-image: -moz-linear-gradient(top, #fff, #cdc9c9);
	background-image: -ms-linear-gradient(top, #fff, #cdc9c9);
	background-image: -o-linear-gradient(top, #fff, #cdc9c9);
	background-image: linear-gradient(top, #fff, #cdc9c9);
	border: 1px solid #aca6a6;
	color: #444;
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#ffffff, endColorstr=#cdc9c9);
}


.widget_search #searchform input[type="text"] {
	font-size: 100%;
-moz-box-sizing: border-box;
-moz-border-radius: 2px;
-webkit-box-sizing: border-box;
-webkit-border-radius: 2px;
-webkit-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
-moz-box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
box-shadow: 0 1px 0 #fff, inset 0 1px 1px rgba(0,0,0,0.2);
background: #f4f4f4;
box-sizing: border-box;
border: 1px solid #aaa;
border-bottom-color: #ccc;
border-radius: 2px;
margin: 0;
outline: none;
padding: 16px 8px;
vertical-align: middle;
width: 100%;
}