/*-------------------------------------
   1. BUTTON
-------------------------------------*/
/*BUTTON COMMON*/
.button-wrap {
	float: left;
	margin-right: 10px;
	}

.sc-button {
	display: block;
	height: 28px;
	line-height: 28px;
	padding: 0 10px;
	font-weight: bold;
	background-position: 0 0; 
	background-repeat: repeat-x;
	border-width: 1px;
	border-style: solid;
	border-radius: 1px;
	-moz-border-radius: 1px;
	-webkit-border-radius: 1px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	-moz-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	-webkit-box-shadow: 0 1px 4px rgba(0, 0, 0, .15);
	}

.sc-button:hover { 
	background-position: 0 100%; 
	}



/*BUTTON STYLES*/
.sc-button-white {
	border-top-color: #D5D5D5;
	border-right-color: #D6D6D6;
	border-bottom-color: #D8D8D8;
	border-left-color: #D5D5D5;
	background-image: url(../images/shortcode/button-white.png);
	}

.sc-button-white:hover {
	border-top-color: #CECECE;
	border-right-color: #D0D0D0;
	border-bottom-color: #D7D7D7;
	border-left-color: #CECECE;
	}

.sc-button-white,
.sc-button-white:hover {
	color: #666666;
	text-shadow:0px 1px 0px #FFFFFF;
	}

.sc-button-grey {
	border-top-color: #B1B1B1;
	border-right-color: #B5B5B5;
	border-bottom-color: #B2B2B2;
	border-left-color: #B1B1B1;
	background-image: url(../images/shortcode/button-grey.png);
	}

.sc-button-grey:hover {
	border-top-color: #9D9D9D;
	border-right-color: #A2A2A2;
	border-bottom-color: #A5A5A5;
	border-left-color: #9D9D9D;
	}

.sc-button-grey,
.sc-button-grey:hover {
	color: #666666;
	text-shadow:0px 1px 0px #D2D2D2;
	}

.sc-button-black {
	border-top-color: #424242;
	border-right-color: #4C4C4C;
	border-bottom-color: #434343;
	border-left-color: #424242;
	background-image: url(../images/shortcode/button-black.png);
	}

.sc-button-black:hover {
	border-top-color: #313131;
	border-right-color: #3C3C3C;
	border-bottom-color: #383838;
	border-left-color: #313131;
	}

.sc-button-black,
.sc-button-black:hover {
	color: #FFFFFF;
	text-shadow:0px 1px 0px #3F3F3F;
	}

.sc-button-yellow {
	border-top-color: #D8A52A;
	border-right-color: #D9A936;
	border-bottom-color: #DDAB2F;
	border-left-color: #D8A52A;
	background-image: url(../images/shortcode/button-yellow.png);
	}

.sc-button-yellow:hover {
	border-top-color: #BD8600;
	border-right-color: #C08C0C;
	border-bottom-color: #C99613;
	border-left-color: #BD8600;
	}

.sc-button-yellow,
.sc-button-yellow:hover {
	color: #785D00;
	text-shadow:0px 1px 0px #F7DC7C;
	text-decoration: none!important;
	}

.sc-button-orange {
	border-top-color: #F47A15;
	border-right-color: #F4814F;
	border-bottom-color: #F57D47;
	border-left-color: #F47A15;
	background-image: url(../images/shortcode/button-orange.png);
	}

.sc-button-orange:hover {
	border-top-color: #E26026;
	border-right-color: #E36832;
	border-bottom-color: #E76B32;
	border-left-color: #E26026;
	}

.sc-button-orange,
.sc-button-orange:hover {
	color: #B23D21;
	text-shadow:0px 1px 0px #FCAF88;
	}

.sc-button-red {
	border-top-color: #D55C5C;
	border-right-color: #D66565;
	border-bottom-color: #D85F5F;
	border-left-color: #D55C5C;
	background-image: url(../images/shortcode/button-red.png);
	}

.sc-button-red:hover {
	border-top-color: #BD4949;
	border-right-color: #C05353;
	border-bottom-color: #C85252;
	border-left-color: #BD4949;
	}

.sc-button-red,
.sc-button-red:hover {
	color: #913831;
	text-shadow:0px 1px 0px #F09B9B;
	}

.sc-button-green {
	border-top-color: #9FC862;
	border-right-color: #A4CA6A;
	border-bottom-color: #A3CC67;
	border-left-color: #9FC862;
	background-image: url(../images/shortcode/button-green.png);
	}

.sc-button-green:hover {
	border-top-color: #8AB150;
	border-right-color: #90B559;
	border-bottom-color: #94BB5A;
	border-left-color: #8AB150;
	}

.sc-button-green,
.sc-button-green:hover {
	color: #64813B;
	text-shadow:0px 1px 0px #CDE8A5;
	}

.sc-button-blue {
	border-top-color: #69C2E5;
	border-right-color: #71C5E6;
	border-bottom-color: #6FC4E7;
	border-left-color: #69C2E5;
	background-image: url(../images/shortcode/button-blue.png);
	}

.sc-button-blue:hover {
	border-top-color: #55A4C3;
	border-right-color: #5EA8C6;
	border-bottom-color: #64AFCD;
	border-left-color: #55A4C3;
	}

.sc-button-blue,
.sc-button-blue:hover {
	color: #3E728D;
	text-shadow:0px 1px 0px #B2E0F7;
	}

.sc-button-coffee {
	border-top-color: #B68A67;
	border-right-color: #B9906F;
	border-bottom-color: #BB8E6B;
	border-left-color: #B68A67;
	background-image: url(../images/shortcode/button-coffee.png);
	}

.sc-button-coffee:hover {
	border-top-color: #9A7150;
	border-right-color: #9F7859;
	border-bottom-color: #A77D5C;
	border-left-color: #9A7150;
	}

.sc-button-coffee,
.sc-button-coffee:hover {
	color: #7B5A41;
	text-shadow:0px 1px 0px #E1BFA6;
	}

.sc-button-purple {
	border-top-color: #C87F9B;
	border-right-color: #CA86A0;
	border-bottom-color: #CD839F;
	border-left-color: #C87F9B;
	background-image: url(../images/shortcode/button-purple.png);
	}

.sc-button-purple:hover {
	border-top-color: #AF6884;
	border-right-color: #B3708A;
	border-bottom-color: #BC7591;
	border-left-color: #AF6884;
	}

.sc-button-purple,
.sc-button-purple:hover {
	color: #7B4559;
	text-shadow:0px 1px 0px #EEB6CC;
	}


/*-------------------------------------
   2. HTML
-------------------------------------*/
.sc-gotop { 
	height: 12px;
	line-height: 12px;
	font-size: 0;
	background: url(../images/shortcode/gotop-line.png) repeat-x 0 50%;
	}

.sc-gotop a { 
	display: block; 
	height: 12px;
	line-height: 12px;
	width: 50px;
	margin: 0 auto; 
	text-indent: -999em;
	}

.sc-hr { 
	height: 5px; 
	font-size: 0; 
	background: url(../images/shortcode/hr-line.png) repeat-x 0 50%;
	}


/*-------------------------------------
   3. COLUMNS
-------------------------------------*/
.sc-col-2-1,
.sc-col-3-1,
.sc-col-3-2,
.sc-col-4-1,
.sc-col-4-3,
.sc-col-5-1,
.sc-col-5-2,
.sc-col-5-3,
.sc-col-5-4 {
	float: left;
	margin-right: 3%;
	}

.sc-col-2-1 {
	width: 48.5%;
	}

.sc-col-3-1 {
	width: 31.3333%;
	}

.sc-col-3-2 {
	width: 65.6667%;
	}

.sc-col-4-1 {
	width: 22.75%;
	}

.sc-col-4-3 {
	width: 74.25%;
	}

.sc-col-5-1 {
	width: 17.6%;
	}

.sc-col-5-2 {
	width: 38%;
	}

.sc-col-5-3 {
	width: 59%;
	}

.sc-col-5-4 {
	width: 79.4%;
	}

.sc-last {
	margin-right: 0;
	}


.custom-home .sc-col-2-1,
.custom-home .sc-col-3-1,
.custom-home .sc-col-3-2,
.custom-home .sc-col-4-1,
.custom-home .sc-col-4-3,
.custom-home .sc-col-5-1,
.custom-home .sc-col-5-2,
.custom-home .sc-col-5-3,
.custom-home .sc-col-5-4 {
	float: left;
	margin-right: 30px;
	}

.custom-home .sc-col-2-1 {
	width: 485px;
	}

.custom-home .sc-col-3-1 {
	width: 313.33px;
	}

.custom-home .sc-col-3-2 {
	width: 656.667px;
	}

.custom-home .sc-col-4-1 {
	width: 227.5px;
	}

.custom-home .sc-col-4-3 {
	width: 742.5px;
	}

.custom-home .sc-col-5-1 {
	width: 176px;
	}

.custom-home .sc-col-5-2 {
	width: 380px;
	}

.custom-home .sc-col-5-3 {
	width: 590px;
	}

.custom-home .sc-col-5-4 {
	width: 794px;
	}

.custom-home .sc-last {
	margin-right: 0;
	}


/*-------------------------------------
   4. TABBED
-------------------------------------*/
.sc-tabs-wrap .tabs li {
	float: left;
	height: 35px;
	line-height: 35px;
	list-style: none;
	padding: 0;
	margin: 0 2px 0 0; 
	font-weight: bold;
	}

.sc-tabs-wrap .tabs li a {
	display: block;
	padding: 0 15px;
	font-size: 12px;
	color: #666666;
	border:1px solid #DEDEDE;
	background: #F2F2F2; 
	}

.sc-tabs-wrap .tabs li.current a { 
	background: #FFFFFF; 
	color: #333333;
	border-bottom: 1px solid #FFFFFF;
	}

.sc-tabs-wrap .panes { 
	padding: 12px 15px 15px;
	border:1px solid #E0E0E0;
	margin-top: 1px;
	}


/*-------------------------------------
   5. TOGGLE
-------------------------------------*/
.toggle { 
	margin:0 0 5px 0;
	border: 1px solid #E0E0E0;
	}

.toggle .title {
	cursor: pointer;
	height: 35px;
	line-height: 35px;
	background: #F2F2F2;
	font-weight: bold;
	color: #333333;
	}

.toggle .title span {
	padding: 0 40px;
	display: block;
	background-image: url(../images/shortcode/toggle.png);
	background-repeat: no-repeat;
	background-position: 15px 11px;
	}

.toggle .toggled span {  
	background-position: 15px -76px;
	}

.toggle .inner { 
	padding:  12px 15px 15px;
	border-top: 1px solid #E0E0E0; 
	}


/*-------------------------------------
   6. ICON LIST
-------------------------------------*/
.iconlist ul li {
	list-style: none;
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding: 8px 0 8px 25px;
	}

.iconlist-download ul li {
	background-image: url(../images/shortcode/iconlist/download.png);
	}

.iconlist-arrow ul li {
	background-image: url(../images/shortcode/iconlist/arrow.png);
	}

.iconlist-check ul li {
	background-image: url(../images/shortcode/iconlist/check.png);
	}


.iconlist-favicon ul li {
	background-image: url(../images/shortcode/iconlist/favicon.png);
	}

.iconlist-image ul li {
	background-image: url(../images/shortcode/iconlist/image.png);
	}

.iconlist-light ul li {
	background-image: url(../images/shortcode/iconlist/light.png);
	}

.iconlist-love ul li {
	background-image: url(../images/shortcode/iconlist/love.png);
	}

.iconlist-people ul li {
	background-image: url(../images/shortcode/iconlist/people.png);
	}

.iconlist-settings ul li {
	background-image: url(../images/shortcode/iconlist/settings.png);
	}

.iconlist-time ul li {
	background-image: url(../images/shortcode/iconlist/time.png);
	}


/*-------------------------------------
   7. ICON BOX
-------------------------------------*/
.iconbox .iconbox-img {
	float: left;
	width: 40px;
	text-align: center;
	}

.iconbox .iconbox-content {
	margin-left: 50px;
	}

.iconbox h5.iconbox-title {
	margin-bottom: 10px;
	font-size: 14px;
	}



/*-------------------------------------
   8. MESSAGE BOX
-------------------------------------*/
.message-box {
	position: relative;
	font-size: 14px; 
	}

.message-box .message-box-inner {
	padding: 15px 30px; 
	}

.message-box .icon {
	padding-left: 80px;
	background-repeat: no-repeat;
	background-position: 25px 18px; 
	}

.message-box .hide-padding {
	padding-right: 90px;
	} 

.message-box .close {
	position: absolute;
	right: 30px;
	top: 15px;
	font-size: 11px;
	text-decoration: underline;
	cursor: pointer; 
	}

.message-box-info {
	color: #2B4B5C; 
	}

.message-box-info .message-box-inner {
	background-color: #D9ECFF;
	border: 1px solid #A0D0FF;
	}

.message-box-info .icon { 
	background-image: url(../images/shortcode/messagebox/info.png); 
	}

.message-box-warning {
	color: #9E660D; 
	}

.message-box-warning .message-box-inner{
	background-color: #FFF0BC;
	border: 1px solid #D3BC6F;
	}

.message-box-warning .icon { 
	background-image: url(../images/shortcode/messagebox/warning.png);
	}

.message-box-error {
	color: #A22121;
	}

.message-box-error .message-box-inner {
	background-color: #FFC7C2;
	border: 1px solid #FF8C80;
	color: #A22121;
	}

.message-box-error .icon { 
	background-image: url(../images/shortcode/messagebox/error.png); 
	}

.message-box-success {
	color: #5E6F33;
	}

.message-box-success .message-box-inner {
	background-color: #E3FFCD;
	border: 1px solid #A3C159;
	color: #5E6F33;
	}

.message-box-success .icon { 
	background-image: url(../images/shortcode/messagebox/success.png); 
	}


/*-------------------------------------
   9. HEIGLIGHT TEXT
-------------------------------------*/
.highlight { 
	padding: 3px 10px; 
	}


/*-------------------------------------
   10. WIDGET 
-------------------------------------*/
.sc-widget-posts ul {
	padding: 0;
	}