.tabs_run .tabs_row {
 padding:0 0 5px 0;
 display:none;
}
.tabs_run .tabs_row.current { display:block; }
.tabs_nav {
 height:30px;
 background:#bababa url(/pattern_1000/tabs_elem.png) repeat-x 0 0;
}
.tabs_nav span {
 width:46%;
 height:30px;
 line-height:30px;
 display:block;
 float:right;
 font-size:14px;
 color:#292929;
 text-align:center;
 cursor:pointer;
}
.tabs_nav span:first-child { float:left; }
.tabs_nav span.current {
 width:53%;
 color:#757575;
 background:#c4c3c3 url(/pattern_1000/tabs_elem.png) repeat-x 0 -32px;
}
.tabs_nav span.current:first-child { background-position:right -32px; }
.math_top {
 padding:7px 10px;
 margin:0 0 12px 0;
 font-size:13px;
 color:#777;
 background:#f1f1f1 url(/pattern_1000/math_gr.png) repeat-x 0 bottom;
}
.math {
 overflow:hidden;
 margin:0 0 6px 0;
 font-size:14px;
 color:#606060;
 text-align:center;
}
.math .rows, .math .info {
 display:inline-block;
 vertical-align:middle;
}
.math .rows { width:100px; }
.math .info { width:132px; }
.math .info span {
 font-size:24px;
 color:#000;
}
.math_names {
 height:33px;
 line-height:33px;
 overflow:hidden;
 font-size:15px;
 text-align:center;
 background:#cacaca;
 -moz-border-radius:5px;
 -webkit-border-radius:5px;
 -khtml-border-radius:5px;
 border-radius:5px;
}
.math_names span {
 width:105px;
 display:block;
 float:left;
 color:#3f3f3f;
}
.math_names span.right { float:right; }
.math_names .vs {
 width:54px;
 float:none;
 margin:0 auto;
 color:#fff;
 background:#767676 url(/pattern_1000/math_gr.png) repeat-x 0 0;
}
.math_link {
 overflow:hidden;
 margin:6px 0 2px 0;
 text-align:center;
}
.math_link li {
 display:inline;
 padding:0 0 0 20px;
 margin:0 12px 0 0;
 background:url(/pattern_1000/arrow_r.png) no-repeat 0 1px;
}
.math_link li a {
 color:#3f3f3f;
 text-shadow:1px 1px 1px #cdcdcd;
 text-decoration:none;
}
.math_link li a:hover { text-decoration:underline; }
.stats {
 width:100%;
 padding:3px;
 margin:-5px 0 0 0;
 background:#e7e7e7;
}
.stats tr { }
.stats tr th, .stats tr td {
 padding:5px;
 border-bottom:1px solid #fff;
 text-align:center;
}
.stats tr th.txt_l, .stats tr td.txt_l {
 width:70%;
 text-align:left;
}
.stats_full {
 padding:10px 15px 5px 15px;
 font-size:14px;
}
.stats_full a {
 color:#4b4b4b;
 text-decoration:none;
}
.stats_full a:hover {
 color:#000;
 text-decoration:underline;
}














/*--------------------- General styles start ---------------------*/
.socialNetworks {display:inline;margin-right:10px;}
.socialNetworks:hover {display:inline;}
.link_me {bottom:0;margin-top:0px; margin-right:0px;}
.socialNetworks img {width:32px;height:32px;background:url(http://scripts-for-ucoz.ru/img_social/twitter.png);-webkit-transition: all 400ms;-moz-transition: all 400ms;-o-transition: all 400ms;transition: all 400ms;position:relative;bottom:0px;right:0px;}
.socialNetworks img:hover {transform:rotate(-10deg);-webkit-transform:rotate(-10deg);-moz-transform:rotate(-10deg);-o-transform:rotate(-10deg);position:relative;bottom:8px;right:4px;}
body {
 margin: 0px;
 background-color: #6E7B8B;
 
 font: 11px 'Tahoma', 'Arial';
 color: #6b6b6b;
 text-align: center;
 /*background: (http://real-madrid.uz/skyscrapper.jpg) */
}

td, input, select {
 font: 11px 'Tahoma', 'Arial';
}

body a {
 color: #0000CC;
 text-decoration: none;
}

body a:hover {
 text-decoration: underline;
}

* {}

img {border: 0px;}


/*--------------------- General styles end ---------------------*/


/*--------------------- All content start ---------------------*/



#top-stripe {
 margin: auto;
 width: 1000px;
 height: 13px;
 overflow: hidden;
 background: url();
}
body { 
background: url(http://www.ambwallpapers.com/wp-content/uploads/2015/03/Best-Oscar-Wallpaper-Chelsea-Fc-New-AMB.jpg)no-repeat; 
margin: 0; 
padding:0; 
background-attachment:fixed; 
background-position:center; 
color:#4f4f4f; 
}

/*--------------------- All content end ---------------------*/



/*--------------------- Header start ---------------------*/

#header {
 margin: auto;
 margin-top: 12px;
 width: 1000px;
 height: 180px;
 background: url(http://wallfiver.com/wp-content/uploads/2015/05/chelsea_fc_team_2015-800x600.jpg);
}

#top-menu {
 height: 39px;
 line-height: 39px;
 text-align: right;
 margin-right: 10px;
 padding-top: 1px;
 cursor: default;
}

#top-menu a {
 margin-top: 9px;
 display: block;
 width: auto;
 cursor: pointer;
 color: #000000;
 font: 12px 'Tahoma';
 text-transform: uppercase;
 line-height: 20px;
 text-decoration: none;
 margin-left: 8px;
 outline: none;
}

#top-menu a:hover span.tm, #top-menu a:hover span.tm_left, #top-menu a:hover span.tm_right {
 background-position: 0px -21px;
}

.tm_left {
 display: block;
 float: right;
 width: 5px;
 height: 21px;
 background: url(http://img.uz/d/2014/05/53863d6d61530.gif);
 margin-left: 8px;
}

.tm {
 display: block;
 float: right;
 height: 21px;
 background: url(http://img.uz/d/2014/05/53863d6d61530.gif);
}

.tm_right {
 display: block;
 float: right;
 width: 5px;
 height: 21px;
 background: url(http://img.uz/d/2014/05/53863d6d61530.gif);
}

span.ico {
 padding-left: 15px;
 background-position: 0px 1px;
}

#top-menu a:hover span.ico {
 background-position: 0px -15px;
}

.home {
 background: url() no-repeat;
}

.prof {
 background: url() no-repeat;
}

.reg {
 background: url() no-repeat;
}

.logout {
 background: url(/.s/t/798/10.png) no-repeat;
}

.login {
 background: url(/.s/t/798/11.png) no-repeat;
}

.rss {
 background: url(/.s/t/798/12.png) no-repeat;
}

#sitelogo {
 float: left;
 margin-left: 10px;
 margin-top: 13px;
 width: 760px;
 height: 73px;
 overflow: hidden;
}

#sitelogo-left {
 float: left;
 width: 10px;
 height: 73px;
 <!-- background: url(/.s/t/798/13.png);-->
}

#sitelogo-mid {
 float: left;
 height: 73px;
 font: 40px/73px 'Tahoma';
 color: #FF0000;
 max-width: 735px;
 <!--background: url(/.s/t/798/14.png);-->
}

#sitelogo-right {
 float: left;
 width: 10px;
 height: 73px;
 <!-- background: url(/.s/t/798/15.png);-->
}

#header-right {
 float: right;
 margin-right: 10px;
 width: 215px;
}

#search {
 height: 75px;
 width: 192px;
 float: right;
 margin-top: 35px;
}

#searchbg {
 background: url(/.s/t/798/16.png) no-repeat;
}

#today {
 text-align: right;
 height: 30px;
 font: 13px/30px 'Tahoma';
 color: #ffffff;
}

#nav {
 width: 1000px;
 margin: auto;
 margin-top: 5px;
 background: url(http://juventinita.com/wp-content/uploads/chelsea-fc-flag-20150406115516-5522742466454.jpg);
}

#nav-mid {}

/*--------------------- Header end ---------------------*/


/*--------------------- Main content start ---------------------*/
#content {
 width: 1000px;
 margin: auto;
}

#content-top {
 width: 1000px;
 height: 5px;
 overflow: hidden;
 background: url(http://realmadrid-uz.do.am/Satellite.gif);
}

#content-mid {
 background: #ffffff;
 padding: 1px 0px;
}

#maincol {
 float: left;
 width: 714px;
 margin-left: 10px;
 text-align: justify;
 padding-bottom: 10px;
}

#rightcol {
 float: right;
 width: 256px;
 margin-right: 10px;
 text-align: justify;
}

#soc {
 width: 256px;
 height: 44px;
 margin-bottom: 5px;
 background: url(/.s/t/798/19.png);
}

#soc a {
 display: block;
 width: 32px;
 height: 32px;
 float: left;
 margin-top: 6px;
 margin-left: 9px;
}

#soc a:hover {
 background-position: 0px -32px;
}

.soc-rss {
 background: url(/.s/t/798/20.png);
}

.soc-del {
 background: url(/.s/t/798/21.png);
}

.soc-facebook {
 background: url(/.s/t/798/22.png);
}

.soc-memori {
 background: url(/.s/t/798/23.png);
}

.soc-twitter {
 background: url(/.s/t/798/24.png);
}

.soc-vkontakte {
 background: url(/.s/t/798/25.png);
}

.eTitle {
 font: 13px/32px 'Tahoma';
 color: #ffffff;
 border: 1px solid #646567;
 background: url(http://chelsi.ucoz.net/946527-chelseaaaa.jpg) repeat-y top right;
 padding: 0px 23px 0px 10px !important;
 text-transform: uppercase;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.eTitle a {
 font: 13px/32px 'Tahoma';
 color: #ffffff;
}

.eTitle a:hover {}

.eMessage, .eText, .eAnswer {
 font: 13px/17px 'Tahoma';
 color: #000000;
 text-align: justify !important;
 padding: 5px 10px !important;
}

.cMessage {
 font: 11px 'Tahoma';
 text-align: justify !important;
}

.eDetails, .eDetails1, .eDetails2 {
 background: 
 border-radius: 3px;
 -moz-border-radius: 2px;
 color: #000000;
 text-transform: uppercase;
 padding: 6px 3px;
}

.cBlock1, .cBlock2 {
 background: #e5e5e5;
 border: 1px solid #000000;
 padding: 5px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

/*--------------------- Main content end ---------------------*/


/*--------------------- Containers start ---------------------*/

.block {
 width: 100%;
}

.block-top {
 width: 256px;
 height: 9px;
 overflow: hidden;
 background:
}

.blocktitle {
 background: url(http://img.uz/d/2014/05/53863d6d61530.gif);
 line-height: 16px;
 font: 13px 'Tahoma';
 text-shadow: 1px 1px #ffffff;
 color: 
 padding-left: 15px;
 text-transform: uppercase;
}

.block-between {
 width: 256px;
 height: 13px;
 overflow: hidden;
 background: url(http://img.uz/d/2014/05/53863d6d61530.gif);
}

.blockcontent {
 text-align: left;
 background: url(/.s/t/798/30.png);
 width: 256px;
}

.blockcontent-inside {
 margin-left: 10px;
 padding: 1px 0px;
 width: 236px;
}

.blockbottom {
 width: 256px;
 height: 5px;
 overflow: hidden;
 background: url(/.s/t/798/31.png);
 margin-bottom: 5px;
}

.blockcontent ul {
 margin: 0;
 padding: 0;
}

.blockcontent li {
 margin-left: 10px;
}

.blockcontent li a {}

.blockcontent li a:hover {}

.blockcontent a {
 color: #0000cc;
}

.blockcontent a:hover {}

.catsTable {
 border-collapse: collapse;
}

.catsTd {
 line-height: 18px;
 font-size: 10px;
 text-transform: uppercase;
 color: #525252;
 border-top: 1px solid #c8c8c8;
 border-bottom: 1px solid #c8c8c8;
 padding: 6px 10px;
}

.catsTd a {
 color: #525252;
}

td.catsTd:hover {
 background: #628075;
 color: #ffffff;
}

td.catsTd:hover a {
 color: #ffffff;
}

.calTable td {
 font: 10px 'Tahoma';
 color: #525252;
 padding: 5px 10px;
}

a.calMonthLink {
 color: #535252;
}

td.calMdayIs, .calMdayIsA {
 color: #ffffff;
 background: #f19e61;
}

a.calMdayLink {
 color: #ffffff;
}

td.calWday {}

td.calWdaySe, td.calWdaySu {
 color: #ffffff;
 background: #164eda;
}

td.calMdayA {
 font-weight: bold;
 color: #51041d;
}

a.groupAdmin {
 color: #FF1493;
}

.swchItem span, .swchItemA span {
 background: url(http://realmadrid-uz.do.am/Dizayn/32.png) repeat-x;
 padding: 3px 5px;
 color: #0000cc;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.swchItem span:hover {
 background-position: 0px -18px;
}

.swchItem span:active {
 background-position: 0px -36px;
}

.swchItem span:active {}

a.swchItem {
 color: #ffffff;
}

td.pagesinfo, td.switchActive, td.switch {
 border: 1px solid #e1e1e1;
 padding: 3px 5px;
}


td.switchActive, td.switch {
 background: #0000cc;
}



/*---------------- Mainmenu start------------*/

#mainmenu {
 text-align: left;
 width: 980px;
 margin: 0px 10px;
 margin-left: 7px;
}

#mainmenu li {
 float: left;
 height: 44px;
 line-height: 44px;
}

#mainmenu li a {
 display: block;
 margin-top: 9px;
 margin-left: 5px;
 font: 11px/25px 'Tahoma';
 color: #ffffff;
 padding: 0px 10px;
 text-transform: uppercase;
 border: 1px solid transparent;
 white-space: nowrap;
}

#mainmenu li a:hover, #mainmenu li a:active, #mainmenu li a.uMenuItemA {
 font: 11px/25px 'Tahoma';
 color: #ffffff;
 background: #0079e0;
 padding: 0px 10px;
 text-decoration: none;
 border-left: 1px solid #0079e0;
 border-top: 1px solid #19372b;
 border-right: 1px solid #f1f1f1;
 border-bottom: 1px solid #f1f1f1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.uMenuH li {float:left;padding: 0 5px;list-style:none;}

ul.uMenuRoot {
 margin: 0px;
 padding: 0px;
 list-style-type: none;
}

.uMenuV li {}

.uMenuV .uMenuItem {}

.uMenuV a {}

.uMenuV .uMenuItem a:hover {}

.uMenuV .uMenuItem a:active {}

.uMenuV a.uMenuItemA {}

.uMenuV .uMenuItem span {}

#mainmenu .x-sh {
 display: with &lt; and > with &gt;
}

#mainmenu .xw-tl, #mainmenu .xw-tc, #mainmenu .xw-tr, #mainmenu .xw-bl, #mainmenu .xw-bc, #mainmenu .xw-br {
 display: with &lt; and > with &gt;
}

#mainmenu .xw-ml, #mainmenu .xw-mr {
 padding: 0 !important;
}


#mainmenu .u-menu .u-menubody, #mainmenu .u-menu .xw-mc {
 border: 0 !important;
}

#mainmenu .u-menu .u-menuvitem {
 background: #0c6fcc;
}

#mainmenu .u-menu .u-menuvitem:first-child {
 border-top-left-radius: 5px;
 border-top-right-radius: 5px;
 -moz-border-radius-topleft: 5px;
 -moz-border-radius-topright: 5px
}

#mainmenu .u-menu .u-menuvitem:last-child {
 border-bottom-left-radius: 5px;
 border-bottom-right-radius: 5px;
 -moz-border-radius-bottomleft: 5px;
 -moz-border-radius-bottomright: 5px
}

.u-menubody span {
 color: #ffffff !important;
 font: 11px 'Tahoma';
 text-transform: uppercase;
}

#mainmenu .u-menu {
 margin-left: 4px;
}

#mainmenu .u-menu a {
 padding: <img src="images/yourimage.jpg" width="200" height="200" style="padding:5px;" /> 
}

#mainmenu .u-menu a.u-menuvitem {
 border-bottom: 1px solid #FF69B4;
 border-top: 1px solid #FF69B4;
}


#mainmenu .u-menu .u-menuitemhl {
 background: #FF1493 !important;
}

#mainmenu .xw-ml, #mainmenu .xw-mc, #mainmenu .xw-mr, #mainmenu .u-menubody, #mainmenu .u-menucont {
 background: none !important;
}

.u-menuarrow {
 width: 5px !important;
 height: 8px !important;
 top: 11px !important;
 right: 5px !important;
 background: url(/.s/t/798/33.png) no-repeat !important;
}

#mainmenu .uMenuArrow {
 position: absolute;
 /*height: 5px;
 width: 17px;
 top: 100%;
 margin-top: -7px;
 left: 50%;
 margin-left: -8px;*/
 height: 17px;
 width: 5px;
 top: 14px;
 right: 2px;
 background: url(/.s/t/798/34.png) no-repeat;
}


#mainmenu li:hover .uMenuArrow {
 display: none;
}

/*------------------- Mainmenu end -------------------*/
/*--------------------- Containers end ---------------------*/


/*--------------------- Footer start ---------------------*/

#footer {
 width: 1000px;
 text-align: left;
 border-top: 1px solid #c6c6c6;
 background: #e1e1e1;
 padding-top: 5px;
}

#copyright {
 float: left;
 width: 40%;
 margin-left: 10px;
 text-align: left;
}

#powered_by {
 float: right;
 width: 40%;
 margin-right: 10px;
 text-align: right;
}

#powered_by img {
 vertical-align: middle !important;
}

#footer-bottom {
 clear: both;
 width: 1000px;
 height: 5px;
 overflow: hidden;
 background: url(/.s/t/798/35.png);
 margin-bottom: 10px;
}

/*--------------------- Footer end ---------------------*/


/*--------------------- Forum start ---------------------*/

.forumContent {
}

.forumContent a {}

.forumContent table {}

.gTable, .postTable {
 background: #ffffff;
}

.gTable td {
 background: #ffffff;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.postTable td {
 border-collapse: collapse;
 border: 1px solid #e1e1e1;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

td.postRest1, td.postRest2, td.postFirst {
 border: 0px;
}

.gTable td.gTableTop {
 padding: 0px 10px;
 border: 1px solid #868484;
 background: url(http://realmadrid-uz.do.am/22.jpg) no-repeat top right;
 font: 14px/32px 'Tahoma';
 color: #868484;
 text-transform: uppercase;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.gTableTop a {
 color: #000000;
}

.gTableTop a:hover {}

.gTable td.gTableSubTop {
 background: #e1e1e1;
 color: #848484;
 border: 0px;
 font-size: 10px;
}

.gTableSubTop a {
 color: #848484;
}

.gTableTop, .gTableSubTop, .forumNameTd, .forumThreadTd, .forumPosrTd, .forumLastPostTd, .threadNametd, .threadPostTd, .threadAuthTd, .threadViewTd, .threadLastPostTd, td.threadsDetails, td.forumOnlineBar {
 padding: 4px 10px;
}

#frM6 td, #frM14 td, #frM50 td, #frM56 td, #frM59 td, #frM3 td, #frM45 td {
 padding: 4px 10px;
}

.postBottom table td {
 border: 0px;
}

.postTable td {
 padding: 4px 10px;
}

.postSeparator {
 display: none;
}

.posttdMessage {
 text-align: justify;
}

.threadPostTd, .threadViewTd, .threadAuthTd, .forumThreadTd, .forumPostTd {
 text-align: center !important;
}

a.TopSortLink {}

a.TopSortLink:hover {}

a.postUser {
 font-weight: red;
}

a.forum, a.threadLink {
 font-size: 12px;
 color: #c48b49;
}

.quoteMessage {}

.forumDescr, .threadDescr {
 font-size: 10px;
 color: #a1a1a1;
}

td.postTdTop {
 background: #e1e1e1;
}

td.postTdTop a {}

td.forumIcoTd, td.forumThreadTd, td.forumPostTd, td.gTableRight, td.threadIcoTd, td.threadPostTd, td.threadViewTd {
 padding: 2px;
}

td.pollQuestion, .pollResults td, td.pollResults, td.pollTotal, td.pollAnswer, td.pollButtons, .smiles td{
 border: 0px;
}

td.pagesInfo, td.switch, td.switchActive {}

td.switch, td.switchActive {}

td.switch a {}

.switchActive {
 font-weight: bold;
}

/*--------------------- Forum end ---------------------*/


/*--------------------- INPUTS start ---------------------*/

input[type=submit], input[type=reset], input[type=button] {
 background: url(http://img.uz/d/2014/05/53864063bc353.png);
 border: 1px solid #57696a;
 border-radius: 5px;
 -moz-border-radius: 5px;
 font: 10px 'Tahoma';
 color: #00000;
 text-transform: uppercase;
 cursor: pointer;
 padding-top: 2px;
 padding-bottom: 2px;
 margin-top: 2px;
}

input[type=submit]:hover, input[type=reset]:hover, input[type=button]:hover {
 background-position: 0px -18px;
}

input[type=submit]:active, input[type=reset]:active, input[type=button]:active {
 background-position: 0px -36px;
}

input[type=text], input[type=password] {
 background: #ffffff;
 border: 1px solid #abadb3;
 padding: 2px 2px;
}

input[type=text]:hover, input[type=password]:hover {
 background: #ddebe6;
}

textarea {
 background: #ffffff;
 border: 1px solid #1B50F0;
 padding: 2px 2px;
}

textarea:hover {
 background: #ddebe6;
}

#mchatBtn, input.codeButtons, input.button {
 padding-left: 0px;
 padding-right: 0px;
 text-transform: none;
}

.searchForm {
 height: 27px;
 overflow: hidden;
}

#search input.queryField {
 background: none;
 width: 159px !important;
 float: left;
 border: 0px;
 font-size: 11px;
 display: inline;
 margin-top: 5px;
 padding-left: 6px;
}

#search input.queryField:hover {
 background: none;
}

#search input.queryField:focus {
 outline: none;
}

#search input.searchSbmFl {
 float: left;
 height: 27px;
 width: 33px;
 text-indent: -1000px;
 border: 0px;
 margin: 0;
 padding: 0;
 border-radius: 0px;
 -moz-border-radius: 0px;
 background: none;
 display: inline;
 cursor: pointer;
}

input.searchSbmFl:hover {
 background-position: 0px 0px;
}

textarea.commFl {
 width: 100%;
}

.commTable {
 background: #e5e5e5;
 border: 1px solid #cdcdcd;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

/*--------------------- INPUTS end ---------------------*/


/*--------------------- POPUP start ---------------------*/

.popup a {}

.popup {
 margin: 10px;
 background: #ffffff;
 border: 1px solid #cdcdcd;
 padding: 10px;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.popuptitle {
 background: url(http://img.uz/d/2013/09/522dc7706da2a.png);
 height: 34px;
 font: 13px/33px 'Tahoma';
 text-shadow: 1px 1px #d2753d;
 color: #ffffff;
 padding-left: 10px;
 text-transform: uppercase;
 text-align: left;
 border-radius: 5px;
 -moz-border-radius: 5px;
}

.popupbody {
 margin: 10px;
}

/*--------------------- POPUP end ---------------------*/


/* Slider by ILyeS */
.slider{position:relative;width:600px;height:300px;background:#bbb;cursor:pointer;border:1px solid #000}
.spages{position:absolute;left:8px;top:10px}
.spages div{float:left;margin:0 2px;background:#222;width:25px;height:10px;border:1px solid #fff;border-radius:2px;opacity:0.3;text-align:center;color:#fff;font-size:7pt}
.spages div:hover{opacity:0.5}
.stitle{position:absolute;left:0;bottom:0;right:0;height:60px;background:#333;opacity:0.7;padding:10px;color:#fff;font-weight:700;font:20pt 'Palatino Linotype';text-shadow:0 1px #000;border-top:1px solid #000;cursor:default}
.spodtitle{font-size:12pt}
.slider img{width:600px;height:300px;border:0}
<img src="http://realmadrid-uz.do.am/graffiti/0/27.png" border="0" alt="" />
/* GLOBALS */
.form-1 *,
.form-1 *:after,
.form-1 *:before {
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
-ms-box-sizing: border-box;
-o-box-sizing: border-box;
box-sizing: border-box;
padding: 0;
margin: 0;
}

.clearfix:after {
content: "";
display: table;
clear: both;
}

.form-1 {
width: 140px;
margin: 0px;
padding: 10px;
position: relative; /* For the submit button positioning */

/* Styles */
box-shadow:
0 0 1px rgba(0, 0, 0, 0.3),
0 3px 7px rgba(0, 0, 0, 0.3),
inset 0 1px rgba(255,255,255,1),
inset 0 -3px 2px rgba(0,0,0,0.25);
border-radius: 5px;
background: white; /* Fallback */
background: -moz-linear-gradient(#eeefef, #ffffff 10%);
background: -ms-linear-gradient(#eeefef, #ffffff 10%);
background: -o-linear-gradient(#eeefef, #ffffff 10%);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#eeefef), color-stop(0.1, #ffffff));
background: -webkit-linear-gradient(#eeefef, #ffffff 10%);
background: linear-gradient(#eeefef, #ffffff 10%);
}

.form-1 .field {
position: relative; /* For the icon positioning */
}

.form-1 .field i {
/* Size and position */
left: 0px;
top: 0px;
position: absolute;
height: 36px;
width: 36px;

/* Line */
border-right: 1px solid rgba(0, 0, 0, 0.1);
box-shadow: 1px 0 0 rgba(255, 255, 255, 0.7);

/* Styles */
color: #777777;
text-align: center;
line-height: 42px;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
pointer-events: none;
}

.form-1 input[type=text],
.form-1 input[type=password] {
font-family: 'Lato', Calibri, Arial, sans-serif;
font-size: 13px;
font-weight: 400;
text-shadow: 0 1px 0 rgba(255,255,255,0.8);
/* Size and position */
width: 100%;
padding: 10px 18px 10px 45px;

/* Styles */
border: none; /* Remove the default border */
box-shadow:
inset 0 0 5px rgba(0,0,0,0.1),
inset 0 3px 2px rgba(0,0,0,0.1);
border-radius: 3px;
background: #f9f9f9;
color: #777;
-webkit-transition: color 0.3s ease-out;
-moz-transition: color 0.3s ease-out;
-ms-transition: color 0.3s ease-out;
-o-transition: color 0.3s ease-out;
transition: color 0.3s ease-out;
}

.form-1 input[type=text] {
margin-bottom: 10px;
}

.form-1 input[type=text]:hover ~ i,
.form-1 input[type=password]:hover ~ i {
color: #52cfeb;
}

.form-1 input[type=text]:focus ~ i,
.form-1 input[type=password]:focus ~ i {
color: #42A2BC;
}

.form-1 input[type=text]:focus,
.form-1 input[type=password]:focus,
.form-1 button[type=submit]:focus {
outline: none;
}

.form-1 .submit {
/* Size and position */
width: 65px;
height: 65px;
position: absolute;
top: 16px;
right: -25px;
padding: 10px;
z-index: 2;

/* Styles */
background: #ffffff;
border-radius: 50%;
box-shadow:
0 0 2px rgba(0,0,0,0.1),
0 3px 2px rgba(0,0,0,0.1),
inset 0 -3px 2px rgba(0,0,0,0.2);
}

.form-1 .submit:after {
/* Size and position */
content: "";
width: 10px;
height: 10px;
position: absolute;
top: -2px;
left: 30px;

/* Styles */
background: #ffffff;

/* Other masks trick */
box-shadow: 0 62px white, -32px 31px white;
}

.form-1 button {
/* Size and position */
width: 100%;
height: 100%;
margin-top: -1px;

/* Icon styles */
font-size: 1.4em;
line-height: 1.75;
color: white;

/* Styles */
border: none; /* Remove the default border */
border-radius: inherit;
background: #52cfeb; /* Fallback */
background: -moz-linear-gradient(#52cfeb, #42A2BC);
background: -ms-linear-gradient(#52cfeb, #42A2BC);
background: -o-linear-gradient(#52cfeb, #42A2BC);
background: -webkit-gradient(linear, 0 0, 0 100%, from(#52cfeb), to(#42A2BC));
background: -webkit-linear-gradient(#52cfeb, #42A2BC);
background: linear-gradient(#52cfeb, #42A2BC);
box-shadow:
inset 0 1px 0 rgba(255,255,255,0.3),
0 1px 2px rgba(0,0,0,0.35),
inset 0 3px 2px rgba(255,255,255,0.2),
inset 0 -3px 2px rgba(0,0,0,0.1);

cursor: pointer;
}

.form-1 button:hover,
.form-1 button[type=submit]:focus {
background: #52cfeb;
-webkit-transition: all 0.3s ease-out;
-moz-transition: all 0.3s ease-out;
-ms-transition: all 0.3s ease-out;
-o-transition: all 0.3s ease-out;
transition: all 0.3s ease-out;
}

.form-1 button:active {
background: #42A2BC;
box-shadow:
inset 0 0 5px rgba(0,0,0,0.3),
inset 0 3px 4px rgba(0,0,0,0.3);
}