/* Columns */
.one-half { width: 48%; }
.one-third { width: 30.66%; }
.two-third { width: 65.33%; }
.one-fourth { width: 22%; }
.three-fourth { width: 74%; }
.one-fifth { width: 16.8%; }
.two-fifth { width: 37.6%; }
.three-fifth { width: 58.4%; }
.four-fifth { width: 67.2%; }
.one-sixth { width: 13.33%; }
.five-sixth { width: 82.67%; }

.one-half,
.one-third,
.two-third,
.three-fourth,
.one-fourth,
.one-fifth,
.two-fifth,
.three-fifth,
.four-fifth,
.one-sixth,
.five-sixth {
	position: relative;
	margin-right: 4%;
	margin-bottom: 20px;
	float: left;
}

.column-last {
	margin-right: 0!important;
	clear: right;
}

/* 
 * Horizontal Rules and Dividers
 */
 
.of-sc-hr { border-bottom:1px solid #e6e6e6; }
.of-sc-hr, .of-sc-divider, .of-sc-double-hr { clear:both; display:block; margin-bottom:20px; padding-top:20px; width:100%; }
.of-sc-divider.flat { padding:0; margin:0; }
.of-sc-double-hr { background:url(images/shortcodes/dividers/double_hr.png) bottom repeat-x; height:3px; }
.of-sc-dotted-hr { background:url(images/shortcodes/dividers/dashed_hr.gif) bottom repeat-x; height:1px; }
.of-sc-3d-hr { background: url(images/shortcodes/dividers/3d_hr.jpg) bottom repeat-x; height:3px; }
.of-sc-strip-hr { background: url(images/shortcodes/dividers/strips_hr.png) bottom repeat-x; height:7px; }

/*
 * Buttons
 */
a.of-sc-button {
	font-family: sans-serif;
	font-weight: bold;
	display: inline-block;
	line-height: 1em;
	padding: 6px 13px;
	margin:0 .6em 1.5em 0;
	border: 1px solid #d3d3d3 !important;
	color: #555555 !important;
	text-align: center;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
	text-decoration: none !important;
	
	/* Border radius */
	-webkit-border-radius: 3px;
	   -moz-border-radius: 3px;
	   		border-radius: 3px;
	
	/* Background */
	background-color: #237fd7;
	background-image: url(images/shortcodes/buttons/button_white.png);
	
	/* Box shadow */
	-webkit-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
	   -moz-box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
    		box-shadow:0 1px 1px rgba(0, 0, 0, 0.08);
}

a.of-sc-button.small { padding:2px 10px; font-size:0.9em;}
a.of-sc-button.large { padding:7px 16px; font-size:1.4em;}
a.of-sc-button.xl { padding:9px 20px; font-size:1.8em;}

a.of-sc-button:hover, 
a.of-sc-button.hover, 
a.of-sc-button.active {
	border: 1px solid #c4c4c4 !important;
	background-position: 0 -28px;
}

a.of-sc-button:hover.large, 
a.of-sc-button.hover.large, 
a.of-sc-button.active.large {
	background-position: 0 -35px;
}

a.of-sc-button:active,
a.of-sc-button.active  {
	/* Box shadow and shine */
	-webkit-box-shadow: inset 0 0 3px hsla(0,0%,0%,.08) /*Shine*/,
						0 1px 0 hsla(0, 100%, 100%, 1) /*Shadow*/;
	-moz-box-shadow: inset 0 0 3px hsla(0,0%,0%,.08),
					0 1px 0 hsla(0, 100%, 100%, 1);
	box-shadow: inset 0 0 3px hsla(0,0%,0%,.08),
				0 1px 0 hsla(0, 100%, 100%, 1);
}

a.of-sc-button.dark span { color:#555; text-shadow:0 1px #fff;}
a.of-sc-button.custom:hover { opacity:0.85; }

a.of-sc-button span { line-height:1.2em; min-height: 16px; }
a.of-sc-button span.of-info { background:url( images/shortcodes/icons/warning-ico.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.of-sc-button span.of-download { background:url( images/shortcodes/icons/ico-download.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.of-sc-button span.of-tick { background:url( images/shortcodes/icons/check-ico.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.of-sc-button span.of-note { background:url( images/shortcodes/icons/ico-note.png) no-repeat 0 45%; padding-left:25px; display:block; }
a.of-sc-button span.of-alert { background:url( images/shortcodes/icons/alert-ico.png) no-repeat 0 45%; padding-left:25px; display:block; }

a.of-sc-button.white {
	background-image: url(images/shortcodes/buttons/button_white.png);
	border: 1px solid #d3d3d3 !important;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.8);
}
a.of-sc-button.large.white { background-image: url(images/shortcodes/buttons/button_white_large.png); }
a:hover.of-sc-button.white { border: 1px solid #c4c4c4 !important; }

a.of-sc-button.grey {
	background-image: url(images/shortcodes/buttons/button_grey.png);
	border: 1px solid #b5b5b5 !important;
	color: #555555 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.grey { background-image: url(images/shortcodes/buttons/button_grey_large.png); }
a:hover.of-sc-button.grey { border: 1px solid #989898 !important; }

a.of-sc-button.red {
	background-image: url(images/shortcodes/buttons/button_red.png);
	border: 1px solid #df6f8b !important;
	color: #913944 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.3);
}
a.of-sc-button.large.red { background-image: url(images/shortcodes/buttons/button_red_large.png); }
a:hover.of-sc-button.red { border: 1px solid #c36079 !important; }

a.of-sc-button.orange {
	background-image: url(images/shortcodes/buttons/button_orange.png);
	border: 1px solid #f5b74e !important;
	color: #765F2E !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.orange { background-image: url(images/shortcodes/buttons/button_orange_large.png); }
a:hover.of-sc-button.orange { border: 1px solid #d29a3a !important; }

a.of-sc-button.green {
	background-image: url(images/shortcodes/buttons/button_green.png);
	border: 1px solid #adc671 !important;
	color: #61723B !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.green { background-image: url(images/shortcodes/buttons/button_green_large.png); }
a:hover.of-sc-button.green { border: 1px solid #8bb14d !important; }

a.of-sc-button.teal {
	background-image: url(images/shortcodes/buttons/button_teal.png);
	border: 1px solid #90c6c8 !important;
	color: #437b7d !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.teal { background-image: url(images/shortcodes/buttons/button_teal_large.png); }
a:hover.of-sc-button.teal { border: 1px solid #7db9bb !important; }

a.of-sc-button.blue {
	background-image: url(images/shortcodes/buttons/button_blue.png);
	border: 1px solid #8dc5da !important;
	color: #3F7185 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.blue { background-image: url(images/shortcodes/buttons/button_blue_large.png); }
a:hover.of-sc-button.blue { border: 1px solid #7caec0 !important; }

a.of-sc-button.navy {
	background-image: url(images/shortcodes/buttons/button_navy.png);
	border: 1px solid #a2afb8 !important;
	color: #465057 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.navy { background-image: url(images/shortcodes/buttons/button_navy_large.png); }
a:hover.of-sc-button.navy { border: 1px solid #8996a0 !important; }

a.of-sc-button.purple {
	background-image: url(images/shortcodes/buttons/button_purple.png);
	border: 1px solid #bc9db9 !important;
	color: #7b5777 !important;
	text-shadow: 0 1px 0 rgba(255,255,255, 0.4);
}
a.of-sc-button.large.purple { background-image: url(images/shortcodes/buttons/button_purple_large.png); }
a:hover.of-sc-button.purple { border: 1px solid #a482a0 !important; }

a.of-sc-button.black {
	background-image: url(images/shortcodes/buttons/button_black.png);
	border: 1px solid #4c4c4c !important;
	color: #ffffff !important;
	text-shadow: 0 1px 0 rgba(0,0,0, 0.4);
}
a.of-sc-button.large.black { background-image: url(images/shortcodes/buttons/button_black_large.png); }
a:hover.of-sc-button.black { border: 1px solid #2c2c2c !important; }

/* 
 * List Styles - Unordered List
 */
ul.list { margin:0px 0px 14px; padding:0px; list-style:none; }
ul.list li { padding:0px 0px 5px 20px; list-style:none; }
ul.star li { background:url(images/shortcodes/list/star.png) 0px 1px no-repeat; }
ul.check li { background:url(images/shortcodes/list/check.png) 0px 4px no-repeat; }
ul.plus li { background:url(images/shortcodes/list/plus.png) 0px 3px no-repeat; padding-left:17px; }
ul.arrowbullet li { background:url(images/shortcodes/list/arrow_bullet.png) 0px 5px no-repeat; padding-left:13px; }
ul.square li { background:url(images/shortcodes/list/square.png) 0px 5px no-repeat; padding-left:15px; }
ul.circle li { background:url(images/shortcodes/list/circle.png) 0px 5px no-repeat; padding-left:15px; }
ul.arrow li { background:url(images/shortcodes/list/arrow.png) 0px 4px no-repeat; padding-left:13px; }
ul.comment li { background:url(images/shortcodes/list/comment.png) 0px 3px no-repeat; }
ul.file li { background:url(images/shortcodes/list/file.png) 0px 2px no-repeat; }

/*
 * List Styles - Ordered List
 */
.of-sc-orderedlist ol li { list-style-type: none; margin-left: 25px; background: url() no-repeat scroll left top; }
.of-sc-orderedlist.armenian ol li { list-style-type: armenian; }
.of-sc-orderedlist.decimal ol li { list-style-type: decimal; }
.of-sc-orderedlist.decimal-leading-zero ol li { list-style-type: decimal-leading-zero; }
.of-sc-orderedlist.georgian ol li { list-style-type: georgian; }
.of-sc-orderedlist.lower-alpha ol li { list-style-type: lower-alpha; }
.of-sc-orderedlist.lower-greek ol li { list-style-type: lower-greek; }
.of-sc-orderedlist.lower-latin ol li { list-style-type: lower-latin; }
.of-sc-orderedlist.lower-roman ol li { list-style-type: lower-roman; }
.of-sc-orderedlist.upper-alpha ol li { list-style-type: upper-alpha; }
.of-sc-orderedlist.upper-latin ol li { list-style-type: upper-latin; }
.of-sc-orderedlist.upper-roman ol li { list-style-type: upper-roman; }

/*
 * Box Styles
 */
.of-sc-box { position:relative; overflow:hidden; margin:0px 0px 18px; padding:18px; border:1px solid rgba(0,0,0,0.05); border-left:none; border-right:none;color:#555; background:#f3f3f3; text-shadow:none;}
.of-sc-box h1, .of-sc-box h2, .of-sc-box h3, .of-sc-box h4, .of-sc-box h5 { margin-bottom:2px; background: none; }
.of-sc-box  p { margin-bottom:0px; }
.of-sc-box.none { border-width:0; }
.of-sc-box.full { border-width:1px; }
.of-sc-box.medium { padding:18px 20px 18px 50px; font-size:1.1em;}
.of-sc-box.large { padding:25px 27px 25px 50px; font-size:1.2em; }
.of-sc-box.rounded { -webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; }

.of-sc-box.normal { background:#f3f3f3; }
.of-sc-box.info, .of-sc-box.alert, .of-sc-box.tick, .of-sc-box.event { padding-left:54px; }
.of-sc-box.info h1, .of-sc-box.info h2, .of-sc-box.info h3, .of-sc-box.info h4, .of-sc-box.info h5 { color:#5f5f3b; }
.of-sc-box.info { background:#ffffc7 url(images/shortcodes/icons/warning-ico.png) 18px 17px no-repeat; color:#5f5f3b }
.of-sc-box.tick h1, .of-sc-box.tick h2, .of-sc-box.tick h3, .of-sc-box.tick h4, .of-sc-box.tick h5 { color:#427529 }
.of-sc-box.tick { background:#daffc7 url(images/shortcodes/icons/check-ico.png) 18px 17px no-repeat; color:#427529; }
.of-sc-box.alert h1, .of-sc-box.alert h2, .of-sc-box.alert h3, .of-sc-box.alert h4, .of-sc-box.alert h5 { color:#8d2a28 }
.of-sc-box.alert { background:#ffd0c7 url(images/shortcodes/icons/alert-ico.png) 18px 17px no-repeat; color:#8d2a28; }
.of-sc-box.event  h1, .of-sc-box.event  h2, .of-sc-box.event  h3, .of-sc-box.event  h4, .of-sc-box.event  h5 { color:#445566 }
.of-sc-box.event { background:#ddeef6 url(images/shortcodes/icons/comment-ico.png) 18px 17px no-repeat; color:#445566; }
.of-sc-box.download { border-color:#d4ebaf; background:#edfcd5 url(../images/ico-download.png) no-repeat 20px 45%; }
.of-sc-box.note { border-color:#efe3ae; background:#fef6d2 url(../images/ico-note.png) no-repeat 20px 45%; }
.hide_box { position:absolute; right:7px; top:7px; width:14px; height:14px; cursor:pointer; background:transparent url(images/shortcodes/hide_box.png) 0px 0px no-repeat }
.hide_box:hover { background-position: 0px -24px }

/* Toggle */
.toggle {
	margin: 0 0 20px 0;
}

.toggle h5 {
	font-size: 12px;
	padding: 10px; 
	background: #FBFBFB;
	border: 1px solid #EFEFEF;
	cursor: pointer;
	margin: 0 !important;
	font-weight: normal;
}

.toggle-inner {
	padding: 10px;
	background: #fff;
	border: 1px solid #EFEFEF;
	border-top: none;
}

.toggle .ui-icon {
    background: url(images/shortcodes/toggles/toggle-closed.png) no-repeat;
    width: 12px;
    height: 12px;
    float: left;
    margin: 3px 10px 0 0;
	padding: 0;
}

.toggle .ui-state-active .ui-icon { background: url(images/shortcodes/toggles/toggle-open.png) no-repeat; }

/* FAQ */
.faq {
	margin: 0 0 10px 0;
}

.faq h5 {
	font-size: 12px;
	padding: 10px 0; 
	background: #FBFBFB;
	cursor: pointer;
	margin: 0 !important;
}

.faq-inner {
	padding: 10px 0;
	border-top: 1px solid #EFEFEF;
	background: #fff;
}

/* Tweetmeme */
.of-tweetmeme.left { margin:0 1.5em 1.5em 0; float:left; }
.of-tweetmeme.none { margin:0 0 1.5em 0;  }
.of-tweetmeme.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Twitter */
.of-sc-twitter.left { margin:0 1.5em 1.5em 0; float:left; }
.of-sc-twitter.none { margin:0 0 1.5em 0;  }
.of-sc-twitter.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Digg */
.of-digg.left { margin:0 1.5em 1.5em 0; float:left; }
.of-digg.none { margin:0 0 1.5em 0;  }
.of-digg.right { margin:0 0 1.5em 1.5em; float:right;  }

/* Facebook */
.of-fbshare.left { margin:0 1.5em 1.5em 0; float:left; }
.of-fbshare.none { margin:0 0 1.5em 0;  }
.of-fbshare.right { margin:0 0 1.5em 1.5em; float:right;  }

.of-fblike.left { margin:0 1.5em 1.5em 0; float:left; }
.of-fblike.none { margin:0 0 1.5em 0;  }
.of-fblike.right { margin:0 0 1.5em 1.5em; float:right;  }

/* LinkedIn */
.of-linkedinshare.left { margin:0 1.5em 1.5em 0; float:left; }
.of-linkedinshare.none { margin:0 0 1.5em 0;  }
.of-linkedinshare.right { margin:0 0 1.5em 1.5em; float:right; }

/* Google+ */
.of-google-plusone.left { margin:0 1.5em 1.5em 0; float:left; }
.of-google-plusone.none { margin:0 0 1.5em 0;  }
.of-google-plusone.right { margin:0 0 1.5em 1.5em; float:right;  }