/* general */
@import url('../sf/font-awesome.min.css');
@-ms-viewport {
width: device-width;
}
html, 
body {
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-size: 14px;
line-height:130%;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
 color: #555555;
 background: #eeeeee;
 margin: 0;
}
.container {
position: relative;
top: 120px;
padding-right: 30px;
padding-left: 30px;
margin-right: auto;
margin-left: auto;
width: auto;
}
.container-fluid {
padding-right: 15px;
padding-left: 15px;
margin-right: auto;
margin-left: auto;
}
.menucontainer {
position: fixed;
top:0;
width:100%; 
background: #eeeeee;
z-index:10;
}
.menudcontainer {
clear: both;
position: relative;
padding-right: 30px;
padding-left: 30px;
margin-top: 140px;
margin-bottom: 30px;
margin-right: auto;
margin-left: auto;
width: auto;
}
.navupbar {
padding: 0 30px;
margin-right: auto;
margin-left: auto;
width: auto;
}
.navupbar1 {
padding-top: 5px;
padding-bottom: 5px;
}
.navupleft {
float: left;
}
.navupright {
float: right;
padding-top: 10px;
}
.navup1 {
font-size: 14px;
color: #ffffff;	
padding-top: 15px;
margin-right: 40px;
}
.divhome {
margin-top: 30px;	
}
.frame {
margin-top: 40px;
width: 100%; 
background: #ffffff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
-webkit-box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
box-shadow: 0 0 5px rgba(0, 0, 0, 0.2);
}
.framein {
padding: 10px;
clear: both;
}
.frametitles {
font-size: 16px;
color: #9bd161;
text-indent: 20px;
padding: 10px;
padding-left: 30px; 
margin-bottom: 10px;
border-bottom: 3px solid #9bd161;
-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);
}
.frametitles1 {
text-indent: 0;
padding-left: 10px; 	
}
.flist {
background:url(img/list.png) no-repeat 10px;
padding-left: 10px;
}
.fadd {
background:url(img/add.png) no-repeat 10px;
padding-left: 10px;
}
.fedit {
background:url(img/edit.png) no-repeat 10px;
padding-left: 10px;
}
.fdel {
background:url(img/delete.png) no-repeat 10px;
padding-left: 10px;
}

.stylepass { display: none; color: #999999; }
.prioritystyle { display: inline-block; width: 20px; font-size: 11px; letter-spacing: -1px; color: #9bd161; }
.big { font-size: 22px; }

.box1 {float: left; padding: 20px; font-size: 30px; }
.box2 {float: left; padding: 8px 20px; background: #ffffff; font-size: 14px; color: #999999; text-align: left; }
.box2 a {color: #999999; margin-right: 10px;}
.box2 .titles {font-size: 18px;}
.box3 {float: right; padding: 10px; font-size: 14px; font-weight: 300; color: #ffffff; }

.boxes, .boxes1, .boxes2, .boxes3 {
float: left;
margin: 0;
padding: 0;
text-align: center;
line-height: normal;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.boxes { width: 25%; }
.boxes1 { width: 50%; }
.boxes2 { width: 33.33%; }
.boxes3 { width: 25%; }

.img-boxes {
font-size: 30px;
font-weight: lighter;
width: 40px;
height: 40px;
line-height: 40px;
padding: 10px;
margin: 10px;
margin-bottom: 20px;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
-webkit-transition: all 0.3s ease;
transition: all 0.3s ease;
}
.titlesboxes {
font-size: 18px;
}

.menuicons { text-align:right; float:right; }
.menuicons img { margin-left: 5px; }

img { border: none; vertical-align: middle; }
.img1 { vertical-align: inherit; }
 
img.plinks { border: 1px #dddddd solid; }
.plinks img{ border: 1px #dddddd solid; background:#ffffff; padding:2px; }
a.plinks: hover img{ border: 1px #25c4eb solid; }

/* forms */

.mceEditor {
width: 100%;
}

form {
margin: 0;
padding: 0;
width: 100%;
display:inline;
}

.formauto {
width: auto;	
}

label,
button,
input,
select,
textarea {
font-family: inherit;
font-size: 14px;
display: inline-block;
padding: 10px;
color: #555555;
background-color: #ffffff;
border: 1px solid #cccccc;
-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
border-radius: 3px;
-webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
 -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
input.image {
border: none;
border-radius: 0;
padding:0;
margin:0;	
}

input,
textarea {
width: 60%;
}
.forms {
max-width: 710px;
}
.forms1 { vertical-align: top; width:auto; border: 1px solid #ffffff; padding: 6px; line-height:normal; background: transparent; font-size:14px; color:#ffffff !important; }
.forms2 { width:auto; font-size: 12px; padding: 4px; }

::-webkit-input-placeholder { /* WebKit browsers */
color: inherit;
}
:-moz-placeholder { /* Mozilla Firefox 4 to 18 */
 color: inherit;
}
::-moz-placeholder { /* Mozilla Firefox 19+ */
 color: inherit;
}
:-ms-input-placeholder { /* Internet Explorer 10+ */
 color: inherit;
}

input[type="file"],
input[type="image"],
input[type="submit"],
input[type="reset"],
input[type="button"],
input[type="radio"],
input[type="checkbox"] {
width: auto;
}
input[type="file"] {
padding: 2px;
font-size: 90%;
}

input.image 
{ 
background: none;
 border: none;
 width: auto;
}
.inputauto {
width: auto;	
}
.inputfile {
width: auto;	
}
.inputfilesmall {
width: 180px;	
}

.button,
button {
display: inline-block;
padding: 12px 30px;
*margin-left: .3em;
font-size: 15px;
text-align: center;
cursor: pointer;
color: #ffffff;
text-decoration: none;
 background-color: #fc6344;
*background-color: #fc6344;
-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
border-radius: 3px;
border: none;
*zoom: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.button:hover,
.button:focus,
.button:active,
.button.active,
.button.disabled,
.button[disabled] {
color: #ffffff;	
background-color: #9bd161;
}
.buttondelete {
background-color: #777777;	
}
.buttondelete:hover,
.buttondelete:focus,
.buttondelete:active,
.buttondelete.active,
.buttondelete.disabled,
.buttondelete[disabled] {
background-color: #555555;
}
.buttonsmall {
font-size: 12px !important;
padding: 6px 9px !important;
}
.buttonsearch {
padding: 5px;
margin-left: 2px;
border: none !important;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
.buttonicon {
font-size: 16px;
padding: 0;
background: none;
border: none;
cursor: pointer;
}

.diveditor { width: 60%; display: inline-block; }
.diveditor1 { width: 45%; display: inline-block; margin-right: 30px; }
.diveditor2 { width: 49%; display: inline-block; }
.divdate {display: inline; color: #999999; }
.tabletd1 { width: 30px; }
.tabletd2 { width: 150px; }
.divphoto { height: 70px; text-align:center; }
.divphoto1 { float:left; height:85px; padding:4px; margin:2px; background: #ffffff; border: 1px solid #eeeeee; text-align:center; }
.pphoto { max-height: 65px; }
.lphoto { max-height: 50px; }
.divallbuttons { margin: 10px 8px; }
.divlist { display:inline-block; width: 60px; }
.divbuttons { display:inline-block; padding-top:10px; padding-left: 130px;}
.divimg { }
.noborder { border: none }
.floatright { float: right }
.floatleft { float: left }
.cleared { clear: both }
.inlined { display: inline-block }
.blocked { display: block }
.text-left { text-align: left }
.text-right { text-align: right }
.text-center { text-align: center }
.text-justify { text-align: justify }
.uppercase { text-transform: uppercase }
.lowercase { text-transform: lowercase }
.hidden {
display: none;
visibility: hidden;
}
.hide { display: none }
.show { display: block }
.invisible { visibility: hidden }
.affix { position: fixed }
.aligncenter {text-align:center; }
.widthauto { width:auto; }
.width100 { width:95%; }
.divprice { width:130px; margin: 1px; text-align:center; }
.divpriceitem { width: 100px; background: #f9f9f9; padding: 10px 5px; }
.divoption { width: 140px; text-align: center; padding: 10px 5px; }
.divdetails { width: 100px; text-align: center; padding: 10px 5px; }
.divdetails2 { width: 160px; text-align: center; padding: 10px 5px; }
.divpriority { width: 50px; padding: 10px 0 10px 10px; }
.divimage { width: 90px; }
.divextras { width: 180px; font-size: 12px; }
.divfile {width: 20px; display:inline-block;}
.divcolor { width: 30px; height: 30px; display:inline-block; margin-right: 10px; }
.divpaginate { clear: both; text-align:center; font-size: 11px;}
.divselect { width: 280px; font-size: 12px; }
.divinline { display: inline-block; width: 150px; text-align: right; padding-right: 20px;}
.divwidth { display: inline-block; width: 140px; padding-right: 20px;}
.divitem {
margin-bottom: 20px;
border-bottom: 1px solid #dddddd;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;	
}
.divitem:hover {
border-color: #25c4eb;
background: #eeeeee;
}
.divitem:hover .framerow {
background: #eeeeee;
}
.divitem:hover .divprices {
border-color: #ffffff;
}
.divprices { display: inline-block; border-top: 1px solid #eeeeee; border-bottom: 1px solid #eeeeee; margin-bottom: 10px; }
.divlayout {float: left; padding: 5px 10px; margin: 5px; text-align: center; background: #f8f8f8; border: 1px solid #eeeeee;}
.divfloats {float: left; margin: 2px; text-align: center; }

/* order */
ul.nospace { 
list-style:none;
margin: 0; padding: 0; }
#contentlisting {
}
#contentlisting li {
list-style:none;
}

.framerow { 
background: #f2f2f2;
margin-bottom: 5px;
}
.framerow2 {
display: inline-block;
background: #f2f2f2;
margin: 4px 2px;
padding: 5px;
min-width: 120px;
text-align:center;
}
.divads {
background: #e9f7db;
-webkit-transition: all 0.3s ease-in-out 0s;
transition: all 0.3s ease-in-out 0s;		
}

.links { font-size: 12px; color: #9bd161; }
.links1 { font-size: 13px; color: #ffffff !important; text-transform:lowercase;}
.links2 { font-size: 12px; color:#ffffff; }
.link1 {font-size: 12px; color: #ffffff; font-weight:bold; text-transform:lowercase; margin-right:20px;}
.mlinks1 { color: #25c4eb; }
a.mlinks1:hover { color:#000000;}
.mlinks2 { color: #9bd161; font-size: 90%; }
a.mlinks2:hover { color:#000000;}
.text { font-size: 14px; color: #555555; }
.text1 { font-size: 12px; text-transform:lowercase; }
.text2 { font-size: 12px; }
.linkf { font-size: 12px; color: #888888; }
.titles {font-size: 17px; color: #222222; text-decoration: none; padding-bottom: 5px; }
a.titles { color: #ec5735; }
a.titles:hover { text-decoration:underline; }
.titles1 {font-size: 16px; font-weight: bold; }
.titlesg {font-size: 20px; color: #666666; display: inline-block; line-height: 22px; padding: 10px; border-bottom: 4px solid; }
.price { font-size: 16px; font-weight: bold; text-decoration: none; color: #25c4eb !important; }
.notvalid { text-decoration:line-through; color: #999999 !important; }
.notpublish { color: #b6b6b6 !important; }
.notpublished {
opacity: 0.6;
filter: alpha(opacity=60);	
}

.linkoption {
display: inline-block;
padding: 8px 12px;
font-size: 14px;
text-align: center;
color: #555555;
background: #ffffff;
text-decoration: none;
border: 1px solid #dddddd;
border-left: 4px solid #fc6344;
-webkit-border-radius: 3px;
 -moz-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
*zoom: 1;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.linkoption .icon {
color: #fc6344;	
}
.linkoption:hover,
.linkoption:focus,
.linkoption:active,
.linkoption.active
{
border-left-color: #9bd161;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.linkoption:hover .icon,
.linkoption:focus .icon,
.linkoption:active .icon
{
color: #9bd161;	
}
.linkdelete {
border-left-color: #bbbbbb;
}
.linkdelete .icon {
color: #bbbbbb;	
}

/* elements */

.clearfix {
*zoom: 1;
}

.clearfix:before,
.clearfix:after {
display: table;
line-height: 0;
content: "";
}

.clearfix:after {
clear: both;
}

td,
th {
padding: 4px;
}
hr {
margin-top: 10px;
margin-bottom: 10px;
border: 0;
border-top: 1px solid #dddddd;
}

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

.img-rounded {
border-radius: 6px;
}
.img-circle {
border-radius: 50%;
}

abbr[title] {
border-bottom: 1px dotted;
}
b,
strong, .strong {
font-weight: bold;
}
dfn {
font-style: italic;
}
h1 {
margin: .67em 0;
font-size: 2em;
}
mark {
color: #000;
background: #ff0;
}
small, .small {
font-size: 90%;
}
sub,
sup {
position: relative;
font-size: 75%;
line-height: 0;
vertical-align: baseline;
}
sup {
top: -.5em;
}
sub {
bottom: -.25em;
}
img {
border: 0;
}

.text-left {
text-align: left;
}

.text-right {
text-align: right;
}

.text-center {
text-align: center;
}
.uppercase { text-transform:uppercase; }
.lowercase { text-transform:lowercase; }

.center {
margin-left:auto; 
margin-right:auto;
	
}

/*navbar */

.nav {
list-style: none;
margin:0; 
padding:0;
 text-align: left;
}

.navbar {
width: auto;
background-color: #f8f8f8;
-webkit-box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);
box-shadow: 0 5px 5px -5px rgba(0, 0, 0, 0.3);
color: #666666;
}

.nav-collapse.collapse {
height: auto;
overflow: visible;
}

/* responsive navibutton */

.navibutton {
display: none;
float: right;
padding:10px;
color: #ffffff;
background-color: #25c4eb;
*background-color: #25c4eb;
cursor: pointer;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}

.navibutton:hover,
.navibutton:active,
.navibutton.active,
.navibutton.disabled,
.navibutton[disabled] {
color: #ffffff;
background-color: #999999;
*background-color: #999999;
}

.navibutton .icon-bar {
display: block;
width: 18px;
height: 2px;
background-color: #ffffff;
-webkit-border-radius: 1px;
 -moz-border-radius: 1px;
border-radius: 1px;
}

.navibutton .icon-bar + .icon-bar {
margin-top: 3px;
}

/* end responsive navibutton */

.navbar-link:hover,
.navbar-link:focus {
color: #333333;
}

.navbar .nav {
position: relative;
left: 0;
}

.navbar .nav > li {
display: inline-block;
font-size: 16px;
font-weight: normal;
}

/* menu navigation */

.navbar .nav > li > a {
float: none;
padding: 10px;
display: block;
border-bottom: 3px solid transparent;
color: #666666;
text-decoration:none;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.navactive { color:#333333 !important; }
a.navactive:hover { color:#333333 !important; }
.navactive-submenu { color:#ffffff !important; background-color: #333333; }

.navbar .nav > li > a:focus,
.navbar .nav > li > a:hover {
color: #25c4eb;
border-bottom: 3px solid #25c4eb;
}

/* end navbar */

/* dropdown */

.dropdown-header {
display: block;
padding: 3px 20px;
font-size: 12px;
line-height: 1.42857143;
color: #777;
white-space: nowrap;
}

.dropup,
.dropdown {
position: relative;
text-align: left;
}

.dropdown-toggle {
*margin-bottom: -3px;
}

.dropdown-toggle:active,
.open .dropdown-toggle {
outline: 0;
}

.nav li.dropdown.open .caret,
.nav li.dropdown.open.active .caret,
.nav li.dropdown.open a:hover .caret,
.nav li.dropdown.open a:focus .caret {
border-top-color: #ffffff;
border-bottom-color: #ffffff;
}

/* submenu navigation */

.dropdown-menu {
position: absolute;
top: 100%;
left: 50%; 
margin-left: -200px;
z-index: 1000;
display: none;
float: left;
width: 400px;
padding:10px;
font-size: 14px;
text-align: left;
list-style: none;
background: #fff;
-webkit-background-clip: padding-box;
background-clip: padding-box;
border: 1px solid #ccc;
border: 1px solid rgba(0, 0, 0, .15);
border-bottom-left-radius:4px; border-bottom-right-radius:5px;
-webkit-box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
box-shadow: 0 6px 12px rgba(0, 0, 0, .175);
}
.dropdown-menu1 {
left: 0; 
margin-left: 0;
}
.dropdown-menu2 {
left: auto; 
right:0;
margin-left: auto;
margin-right:0;
}
.dropdown-menu > li {
line-height:160%;
white-space:normal;
}
.lineheight {
line-height:120% !important;	
}
.caret {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 6px solid;
border-right: 6px solid transparent;
border-left: 6px solid transparent;
}
.caretbig {
display: inline-block;
width: 0;
height: 0;
margin-left: 2px;
vertical-align: middle;
border-top: 8px solid;
border-right: 8px solid transparent;
border-left: 8px solid transparent;
}

.divider, .divider1 {
clear: both;
width: 100%;
*width: 100%;
height: 1px;
margin: 5px 1px;
*margin: -5px 0 5px;
overflow: hidden;
background-color: #e5e5e5;
border-bottom: 1px solid #ffffff;
}
.divider1 {
background-color: #25c4eb;
border-bottom: 1px solid #25c4eb;	
}

.dropdown-menu > li > a {
display: inline-block;
padding: 0;
clear: both;
font-weight: normal;
text-decoration: none;
}

.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
color: #25c4eb;
}

.libox {
width:auto;
background-color: #aaaaaa;
background-image: -moz-linear-gradient(top, #aaaaaa, #999999);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#aaaaaa), to(#999999));
background-image: -webkit-linear-gradient(top, #aaaaaa, #999999);
background-image: -o-linear-gradient(top, #aaaaaa, #999999);
background-image: linear-gradient(to bottom, #aaaaaa, #999999);

opacity: 0.8;
filter: alpha(opacity=80);
color:#ffffff;
padding: 2px 5px;	
margin-top: 10px;
border-radius: 4px;
border:1px solid #dddddd;
 -webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
}
.liboxblue {
background-color: #52cae7;
background-image: -moz-linear-gradient(top, #52cae7, #a3e5f5);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#52cae7), to(#a3e5f5));
background-image: -webkit-linear-gradient(top, #52cae7, #a3e5f5);
background-image: -o-linear-gradient(top, #52cae7, #a3e5f5);
background-image: linear-gradient(to bottom, #52cae7, #a3e5f5);
border:1px solid #52cae7;
}
.liboxgreen {
background-color: #9bd161;
background-image: -moz-linear-gradient(top, #9bd161, #c3d881);
background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#9bd161), to(#c3d881));
background-image: -webkit-linear-gradient(top, #9bd161, #c3d881);
background-image: -o-linear-gradient(top, #9bd161, #c3d881);
background-image: linear-gradient(to bottom, #9bd161, #c3d881);
border:1px solid #9bd161;
}
.libox:hover {
opacity: 1;
filter: alpha(opacity=100);	
}

.open {
*z-index: 1000;
}

.open > .dropdown-menu {
display: block;
}

.dropdown-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 990;
}

.pull-right > .dropdown-menu {
right: 0;
left: auto;
}

.dropdown-submenu {
position: relative;
}

.dropdown-submenu > .dropdown-menu {
top: 0;
left: 100%;
margin-top: -6px;
margin-left: -1px;
-webkit-border-radius: 0 6px 6px 6px;
 -moz-border-radius: 0 6px 6px 6px;
border-radius: 0 6px 6px 6px;
}

.dropdown-submenu:hover > .dropdown-menu {
display: block;
}

.dropdown-submenu > a:after {
display: block;
float: right;
width: 0;
height: 0;
margin-top: 5px;
margin-right: -10px;
border-color: transparent;
border-left-color: #cccccc;
border-style: solid;
border-width: 5px 0 5px 5px;
content: " ";
}

.dropdown-submenu:hover > a:after {
border-left-color: #ffffff;
}

.dropdown-submenu.pull-left {
float: none;
}

.dropdown-submenu.pull-left > .dropdown-menu {
left: -100%;
margin-left: 10px;
-webkit-border-radius: 6px 0 6px 6px;
 -moz-border-radius: 6px 0 6px 6px;
border-radius: 6px 0 6px 6px;
}

.dropdown .dropdown-menu .nav-header {
padding-right: 20px;
padding-left: 20px;
}

.fade {
opacity: 0;
-webkit-transition: opacity 0.15s linear;
 -moz-transition: opacity 0.15s linear;
 -o-transition: opacity 0.15s linear;
transition: opacity 0.15s linear;
}

.fade.in {
opacity: 1;
}

.collapse {
position: relative;
height: 0;
overflow: hidden;
-webkit-transition: height 0.35s ease;
 -moz-transition: height 0.35s ease;
 -o-transition: height 0.35s ease;
transition: height 0.35s ease;
}

.collapse.in {
height: auto;
}

.close {
float: right;
font-size: 20px;
font-weight: bold;
line-height: 20px;
color: #000000;
text-shadow: 0 1px 0 #ffffff;
opacity: 0.2;
filter: alpha(opacity=20);
}

.close:hover,
.close:focus {
color: #000000;
text-decoration: none;
cursor: pointer;
opacity: 0.4;
filter: alpha(opacity=40);
}

button.close {
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
-webkit-appearance: none;
}

.dropdown:hover .dropdown-menu {
display: block;
 }

/* end dropdown end navigation */


/* tables */

table {
width:100%;
border-spacing: 5px;
border-collapse: collapse;
}
.table th,
.table td {
padding: 10px 20px;
margin: 5px;
vertical-align: top;
}
.tablewidth { width:auto;}
.colortd {
width: 30px;
margin: 2px !important;
background: #eeeeee;
}
.tablespace td {
padding: 3px 10px;
margin: 1px;
}
.table-bordered {
border: 1px solid #dddddd;
border-collapse: separate;
*border-collapse: collapse;
border-left: 0;
-webkit-border-radius: 4px;
 -moz-border-radius: 4px;
border-radius: 4px;
}
.table-bordered th,
.table-bordered td {
border-left: 1px solid #dddddd;
}

/* end tables */

/* tabs */
.tabs-stacked .open > a:hover,
.tabs-stacked .open > a:focus {
border-color: #999999;
}

.tabbable {
*zoom: 1;
}

.tabbable:before,
.tabbable:after {
display: table;
line-height: 0;
content: "";
}

.tabbable:after {
clear: both;
}

.tab-content {
overflow: auto;
}

.tabs-below > .nav-tabs,
.tabs-right > .nav-tabs,
.tabs-left > .nav-tabs {
border-bottom: 0;
}

.tab-content > .tab-pane,
.pill-content > .pill-pane {
display: none;
}

.tab-content > .active,
.pill-content > .active {
display: block;
}

.tabs-below > .nav-tabs {
border-top: 1px solid #ddd;
}

.tabs-below > .nav-tabs > li {
margin-top: -1px;
margin-bottom: 0;
}

.tabs-below > .nav-tabs > li > a {
-webkit-border-radius: 0 0 4px 4px;
 -moz-border-radius: 0 0 4px 4px;
border-radius: 0 0 4px 4px;
}

.tabs-below > .nav-tabs > li > a:hover,
.tabs-below > .nav-tabs > li > a:focus {
border-top-color: #ddd;
border-bottom-color: transparent;
}

.tabs-below > .nav-tabs > .active > a,
.tabs-below > .nav-tabs > .active > a:hover,
.tabs-below > .nav-tabs > .active > a:focus {
border-color: transparent #ddd #ddd #ddd;
}

.tabs-left > .nav-tabs > li,
.tabs-right > .nav-tabs > li {
float: none;
}

.tabs-left > .nav-tabs > li > a,
.tabs-right > .nav-tabs > li > a {
min-width: 74px;
margin-right: 0;
margin-bottom: 3px;
}

.tabs-left > .nav-tabs {
float: left;
margin-right: 19px;
border-right: 1px solid #ddd;
}

.tabs-left > .nav-tabs > li > a {
margin-right: -1px;
-webkit-border-radius: 4px 0 0 4px;
 -moz-border-radius: 4px 0 0 4px;
border-radius: 4px 0 0 4px;
}

.tabs-left > .nav-tabs > li > a:hover,
.tabs-left > .nav-tabs > li > a:focus {
border-color: #e5e5e5 #dddddd #e5e5e5 #e5e5e5;
}

.tabs-left > .nav-tabs .active > a,
.tabs-left > .nav-tabs .active > a:hover,
.tabs-left > .nav-tabs .active > a:focus {
border-color: #ddd transparent #ddd #ddd;
*border-right-color: #ffffff;
}

.tabs-right > .nav-tabs {
float: right;
margin-left: 19px;
border-left: 1px solid #ddd;
}

.tabs-right > .nav-tabs > li > a {
margin-left: -1px;
-webkit-border-radius: 0 4px 4px 0;
 -moz-border-radius: 0 4px 4px 0;
border-radius: 0 4px 4px 0;
}

.tabs-right > .nav-tabs > li > a:hover,
.tabs-right > .nav-tabs > li > a:focus {
border-color: #e5e5e5 #e5e5e5 #e5e5e5 #dddddd;
}

.tabs-right > .nav-tabs .active > a,
.tabs-right > .nav-tabs .active > a:hover,
.tabs-right > .nav-tabs .active > a:focus {
border-color: #ddd #ddd #ddd transparent;
*border-left-color: #ffffff;
}
/* end tabs */


/* modal */

.modal-backdrop {
position: fixed;
top: 0;
right: 0;
bottom: 0;
left: 0;
z-index: 1040;
background-color: #000000;
}

.modal-backdrop.fade {
opacity: 0;
}

.modal-backdrop,
.modal-backdrop.fade.in {
opacity: 0.8;
filter: alpha(opacity=80);
}

.modal {
position: fixed;
top: 10%;
left: 50%;
z-index: 1050;
width: 560px;
margin-left: -280px;
background-color: #ffffff;
border: 1px solid #999;
border: 1px solid rgba(0, 0, 0, 0.3);
*border: 1px solid #999;
-webkit-border-radius: 6px;
 -moz-border-radius: 6px;
border-radius: 6px;
outline: none;
-webkit-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
 -moz-box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
box-shadow: 0 3px 7px rgba(0, 0, 0, 0.3);
-webkit-background-clip: padding-box;
 -moz-background-clip: padding-box;
background-clip: padding-box;
}

.modal.fade {
top: -25%;
-webkit-transition: opacity 0.3s linear, top 0.3s ease-out;
 -moz-transition: opacity 0.3s linear, top 0.3s ease-out;
 -o-transition: opacity 0.3s linear, top 0.3s ease-out;
transition: opacity 0.3s linear, top 0.3s ease-out;
}

.modal.fade.in {
top: 10%;
}

.modal-header {
padding: 9px 15px;
border-bottom: 1px solid #eee;
}

.modal-header .close {
margin-top: 2px;
}

.modal-header h3 {
margin: 0;
line-height: 30px;
}

.modal-body {
position: relative;
max-height: 400px;
padding: 15px;
overflow-y: auto;
}

.modal-form {
margin-bottom: 0;
}

.modal-footer {
padding: 14px 15px 15px;
margin-bottom: 0;
text-align: right;
background-color: #f5f5f5;
border-top: 1px solid #ddd;
-webkit-border-radius: 0 0 6px 6px;
 -moz-border-radius: 0 0 6px 6px;
border-radius: 0 0 6px 6px;
*zoom: 1;
-webkit-box-shadow: inset 0 1px 0 #ffffff;
 -moz-box-shadow: inset 0 1px 0 #ffffff;
box-shadow: inset 0 1px 0 #ffffff;
}

.modal-footer:before,
.modal-footer:after {
display: table;
line-height: 0;
content: "";
}

.modal-footer:after {
clear: both;
}

.modal-footer .button + .button {
margin-bottom: 0;
margin-left: 5px;
}

.modal-footer .button-group .button + .button {
margin-left: -1px;
}

.modal-footer .button-block + .button-block {
margin-left: 0;
}
/* end modal */

/* other styles */

.marg0 {
margin: 0;
}
.marg5 {
margin: 5px;
}
.marg10 {
margin: 10px;
}
.marg20 {
margin: 20px;
}
.margtop10 {
margin-top: 10px;
}
.margbottom0 {
margin-bottom: 0;
}
.margbottom10 {
margin-bottom: 10px;
}
.margleft10 {
margin-left: 10px;	
}
.margright10 {
margin-right: 10px;	
}
.margtop20 {
margin-top: 20px;
}
.margbottom20 {
margin-bottom: 20px;
}
.margleft20 {
margin-left: 20px;	
}
.margright20 {
margin-right: 20px;	
}

.margmi {
margin-right: 24px;	
}

.pad0 {
padding: 0;
}
.pad5 {
padding: 5px;
}
.pad10 {
padding: 10px;
}
.pad20 {
padding: 20px;
}
.padtop0 {
padding-top: 0;
}
.padbottom0 {
padding-bottom: 0;
}
.padtop4 {
padding-top: 4px;
}
.padtop5 {
padding-top: 5px;
}
.padtop10 {
padding-top: 10px;
}
.padbottom10 {
padding-bottom: 10px;
}
.padright10 {
padding-right: 10px;
}
.padright20 {
padding-right: 20px;
}
.padright30 {
padding-right: 30px;
}
.padtop15 {
padding-top: 15px;
}
.padtop20 {
padding-top: 20px;
}
.padbottom20 {
padding-bottom: 20px;
}
.divspace {
margin-top: 20px;
margin-bottom: 20px;	
}
.divspace1 {
margin-top: 10px;
margin-bottom: 10px;	
}
.divtitles {
padding: 10px;
min-height: 70px;
}
.divfloat1 {
display: inline-block;		
width: 60%;
margin-right: 40px;
}

.widthauto { width: auto; }

.imgright {
float: right;
margin-left: 20px;	
}

.imgleft {
float: left;
margin-right: 20px;	
}

.arrowtop { 
position:absolute;
right: 20px;
color: #ffffff;
-webkit-transition: all 0.2s ease;
transition: all 0.2s ease;
 }
.arrowtop:hover, arrowtop:focus, arrowtop:active { 
color: #9bd161;
text-decoration:none;
 }
.arrows {
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
border-radius: 50%;
-webkit-background-clip: padding-box;
-moz-background-clip: padding;
background-clip: padding-box;
padding: 5px;
margin: 5px;
background: #ffffff;
border: 1px solid #dddddd;
}
.arrows:hover {
background: #999999;	
}

.trigger 
{ cursor:pointer; display:inline; }
.toggle-container
{ display: none; z-index:110; }

/* end other styles */

.ui-widget-content { background: #ffffff; border-color: #fb6652 !important; }
.ui-widget-header { background: #25c4eb; }
.ui-state-active { background: #fb6652 !important; }

/* paginate */

.pagination{ margin-top:20px; display:inline-block;}
.pagination ul{ display:inline-block; *display:inline; margin:0; *zoom:1;}
.pagination li{display:inline-block; margin:0;}
.pagination a, .pagination span{float:left; padding:5px 10px; text-decoration:none; border:1px solid #ddd; }
.pagination a:hover, .pagination a:active {background-color:#e5e5e5}
.pagination li:first-child a, .pagination:first-child span{-webkit-border-radius:5px 0 0 5px; -moz-border-radius:5px 0 0 5px; border-radius:5px 0 0 5px; background: #e5e5e5; }
.pagination li:last-child a, .pagination li:last-child span{-webkit-border-radius:0 5px 5px 0; -moz-border-radius:0 5px 5px 0; border-radius:0 5px 5px 0; background: #e5e5e5; }
.pagination span.active{ border-radius: 0px; background:none;}

/* colors */

.color1 { color: #25c4eb !important; }
.color2 { color: #9bd161 !important; }
.color3 { color: #fb6652 !important; }
.color4 { color: #ec5735 !important; }
.color5 { color: #555555 !important; }
.bgrcolor1 { background-color: #25c4eb; }
.bgrcolor2 { background-color: #9bd161; }
.bgrcolor3 { background-color: #fb6652; }
.bgrcolor4 { background-color: #ec5735; }
.bgrcolor5 { background-color: #555555; }
.bordercolor1 { border-color: #25c4eb !important; }
.bordercolor2 { border-color: #9bd161 !important; }
.bordercolor3 { border-color: #fb6652 !important; }
.bordercolor4 { border-color: #ec5735 !important; }
.bordercolor5 { border-color: #555555 !important; }

.overline { height: 15px; border-top: 2px solid; }
.overlinet { height: 15px; }
.underline { display: inline-block; border-bottom: 2px solid; margin-bottom: 5px; }
a.underline {text-decoration: none !important;}
.underlinewhite { border-bottom: 1px solid #ffffff; margin-bottom: 5px; }
.underlinegrey { border-bottom: 1px solid #dddddd; }

.colorwhite {
color: #ffffff !important;
}
.colorblack {
color: #000000 !important;
}
.colorgrey {
color: #666666 !important;
}
.colorlight {
color: #999999 !important;
}
.bgrwhite {
background-color: #ffffff !important;
}
.bgrblack {
background-color: #000000 !important;
}
.bgrgrey {
background-color: #666666 !important;
}
.bgropac {
padding: 10px;
color: #ffffff;
background:#000000;
text-shadow: 0 1px 2px rgba(0, 0, 0, 0.6);
opacity: 0.6;
filter: alpha(opacity=60);
}
.tcolor { background: #f6f6f6 !important; }
.inactive { color: #999999 !important; }

/* stylesmedia responsive*/

@media (max-width: 1400px) {

.container {
top: 0;
}
.menucontainer {
position: relative;
}
.menudcontainer {
margin-top: 30px;
}

input,
textarea {
width:96%;
}
.button,
button {
padding: 10px 15px;
font-size: 15px;
}

.diveditor { width: auto; display: block; }
.forms,
input,
textarea {
max-width: 90%;
}
.boxesguide .box2 {font-size: 90%;}
.boxesguide .titles {font-size: 15px;}
.box2 a {margin-right: 5px;}
.box2 {max-width: 250px;}
}

@media (max-width: 1200px) {

.boxes, .boxes1, .boxes2, .boxes3 {
width: 50%;
max-width: none;
}
.boxes {
min-height: 240px;
}
.box2 {max-width: none;}

.diveditor1, .diveditor2 { width: auto; display: block; margin-right: 0; margin-bottom: 30px; }	

}

@media (max-width: 800px) {
	
.divnavibutton {
padding: 5px 0;
}
.navibutton {
display: block;
}
.nav {
text-align: left;	
}
.navbar { 
clear:both;
float:none;
padding:0;
}
.navbar .nav > li {
display: block;
}
.nav-collapse {
clear: both;
	float:left;
	width:100%;
}
.nav-collapse .nav {
float: none;
margin: 0 ;
}
.nav-collapse .nav > li {
float: none;
}

.nav-collapse .nav .nav-header {
text-shadow: none;
}

.nav-collapse .nav > li > a,
.nav-collapse .dropdown-menu a {
padding: 10px;
	margin-bottom: 1px;
	background: none;
	white-space: normal;
}

.nav-collapse .nav > li > a:hover,
.nav-collapse .nav > li > a:focus,
.nav-collapse .dropdown-menu a:hover,
.nav-collapse .dropdown-menu a:focus {
}

.nav-collapse .dropdown-menu {
position: static;
top: auto;
left: auto;
display: none;
float: none;
max-width: none;
padding: 0;
margin: 0;
background-color: transparent;
border: none;
-webkit-border-radius: 0;
 -moz-border-radius: 0;
border-radius: 0;
-webkit-box-shadow: none;
 -moz-box-shadow: none;
box-shadow: none;
}
.nav-collapse .open > .dropdown-menu {
display: block;
}
.nav-collapse .dropdown-menu:before,
.nav-collapse .dropdown-menu:after {
display: none;
}

.nav-collapse .nav > li > .dropdown-menu:before,
.nav-collapse .nav > li > .dropdown-menu:after {
display: none;
}
.nav-collapse,
.nav-collapse.collapse {
height: 0;
overflow: hidden;
}

.boxes, .boxes1, .boxes2, .boxes3 {
float:none;
width:auto;
min-height: 10px;
}

}
/* end responsive navigation */

/* icons*/

.icon {
display: inline-block;
font-family: FontAwesome;
text-decoration: none;
}
.icon:before {
display: inline-block;
text-decoration: none;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing:antialiased;
-moz-osx-font-smoothing:grayscale;
}
.icon > .label {
display: none;
}
.icstyle {
font-size: 16px;	
}
.icstyleup {
font-size: 17px;	
}
.icstyle1 {
font-size: 19px;	
}
.icstyle2 {
font-size: 24px;	
}
.iconbig {
font-size: 120%;	
}
.iconsmall {
font-size: 80%;	
}
.iconadd {
font-size: 14px; 
font-weight: 300;
}