pre, .code { background: url("../images/pre_bg.png") repeat scroll left top; border-top:none !important; border-right:none !important; 
border-bottom:none !important; color: #ffffff !important; text-shadow:none; font-family: "Courier New", Courier, monospace; font-size: 13px; 
line-height: 18px; margin: 10px 0 20px !important; padding: 18px 10px 17px !important; position: relative; z-index: 50; white-space: pre-line; }
/* Inline Words Hilite ---*/
.highlight { background: #ffffdd; font-weight: bold; padding: 1px 5px; }
/* Dropcap ---*/
.dropcap { display: block; float: left; font: 60px/40px Georgia, Times, serif; padding: 7px 8px 0 0; }
/* Blockquote ---*/
blockquote { font-family: Georgia, Times, serif; font-size: 100%; }
blockquote span.open { background: url(../images/so-q.png) no-repeat left top; display: inline-block; padding: 0 0 0 20px; }
blockquote span.close { background: url(../images/sc-q.png) no-repeat bottom right; display: inline-block; padding: 0 20px 0 0; }
/* sub & sup tags ---*/ 
sub, sup { color: #CC0000; font-size: 11px; font-weight: bold; }


.xorisma{ background:url(../images/xorisma.png) repeat-x; height:6px; padding:4px;}
.textbox{ padding:4px; background-color:#e4d7d7; -moz-border-radius: 7px; border-radius: 7px; border:solid #000000 1px;}
.textbox:hover{ background-color:#f5efef;}

/* Common Buttons Style ---*/
a.ja-typo-btn { display: block; text-decoration: none; white-space: nowrap; border: 1px solid #ccc; color: #333; 
text-shadow: 0 1px 2px rgba(255, 255, 255, .8); background: url(../images/grad-l1-trans.png) repeat-x top #ddd; box-shadow: 0 0 3px rgba(0, 0, 0, .5); 
-moz-box-shadow: 0 0 3px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 0 3px rgba(0, 0, 0, .5); }
a.ja-typo-btn:hover, a.ja-typo-btn:active, a.ja-typo-btn:focus { border: 1px solid #aaa; background-position: bottom; color: #333; }
/* Icon Buttons ---*/
a.ja-typo-btn-icn { height: 30px; color: #333; }
a.ja-typo-btn-icn span { padding: 0 15px 0 34px; display: block; background-repeat: no-repeat; background-position: 10px 7px; border: 1px solid #fff; }
a.btn-icn-save span { background-image: url(../images/icons/disk.png); }
a.btn-icn-tip span { background-image: url(../images/icons/lightbulb.png); }
a.btn-icn-info span { background-image: url(../images/icons/information.png); }
a.btn-icn-ok span { background-image: url(../images/icons/tick.png); }
a.btn-icn-warning span { background-image: url(../images/icons/exclamation.png); }
a.ja-typo-btn-icn span span { height: auto; line-height: 28px; padding: 0; display: inline; background: none; border: none; }
/* Big Buttons ----*/
a.ja-typo-btn-big { text-align: center; border: 1px solid #ccc; font-size: 125%; line-height: normal; font-weight: bold; }
a.ja-typo-btn-big span { padding: 8px 15px; border: 1px solid #fff; display: block; }
/* Small Buttons --- */
a.ja-typo-btn-sm { text-align: center; border: 1px solid #ccc; font-size: 100%; line-height: normal; }
a.ja-typo-btn-sm span { padding: 5px 10px; border: 1px solid #fff; display: block; }
/* Common style for Dark Buttons --- */
a.btn-blue, a.btn-red, a.btn-green, a.btn-orange, a.btn-black { background-image: url(../images/grad-d1-trans.png); color: #fff; border: 1px solid #ccc; text-shadow: 0 1px 2px rgba(0, 0, 0, .8); }
a.btn-blue:hover, a.btn-blue:active, a.btn-blue:focus, a.btn-red:hover, a.btn-red:active, a.btn-red:focus, a.btn-green:hover, a.btn-green:active, 
a.btn-green:focus, a.btn-orange:hover, a.btn-orange:active, a.btn-orange:focus, a.btn-black:hover, a.btn-black:active, 
a.btn-black:focus { background-image: url(../images/grad-d1-trans.png); background-position: bottom; border-color: #aaa; }
/* Common style for Rounded Buttons --- */
.btn-rounded-icn, .btn-rounded-big, .btn-rounded-sm, .btn-rounded-icn span, .btn-rounded-big span, 
.btn-rounded-sm span { border-radius: 18px; -moz-border-radius: 18px; -webkit-border-radius: 18px; }
.btn-rounded-sm, .btn-rounded-sm span { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }
/* TAGS
--------------------------------------------------*/
span.ja-typo-tag { padding: 3px 12px; margin: 0 2px; display: inline-block; line-height: normal; white-space: nowrap; 
background: #666; color: #fff; text-shadow: 0 -1px 0 rgba(0, 0, 0, .5); }
span.tag-blue { background: #08c; }
span.tag-green { background: #669900; }
span.tag-orange { background: #e58c00; }
span.tag-red { background: #cc0000; }
span.tag-grey { background: #ccc; color: #333; text-shadow: 0 -1px 0 rgba(255, 255, 255, .8); }
/* Common style for Rounded Tags --- */
span.tag-rounded { border-radius: 12px; -moz-border-radius: 12px; -webkit-border-radius: 12px; }

a.specialButton, a.specialButtonRed, a.specialButtonBlack, a.specialButtonBlue, a.specialButtonOrange, 
a.specialButtonGreen, a.specialButtonGrey { background:none; border:none; display: inline-block; text-decoration: none; font-family: "Helvetica", Arial, sans-serif; font-weight: bold !important; font-size: 16px; line-height: 1; color: #ffffff !important; 
text-transform:none; padding:15px 0; right:-2px; -moz-border-radius: 5px; -webkit-border-radius: 5px; 
border-radius:5px; text-shadow: 0 -1px 1px #222; border-bottom: 1px solid #222; position: relative; 
cursor: pointer; -moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.5); 
text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.25); 
border-bottom: 1px solid rgba(0, 0, 0, 0.25); }
.specialArrow { background:url(../images/bt_arrow30.png) no-repeat 90% 50%; padding: 15px 60px 15px 20px; }
a.specialButton, a.specialButtonBlack { background:url(../images/buttonGradient.png) repeat-x #444d55; }
a:hover.specialButton, a:hover.specialButtonBlack { background-color: #333c44; }
a.specialButtonRed { background:url(../images/buttonGradient.png) repeat-x #dc3522; }
a:hover.specialButtonRed { background-color: #C1210F; }
a.specialButtonBlue { background:url(../images/buttonGradient.png) repeat-x #53A3B4; }
a:hover.specialButtonBlue { background-color: #007EA8; }
a.specialButtonOrange { background:url(../images/buttonGradient.png) repeat-x #FFBF00; }
a:hover.specialButtonOrange { background-color: #FF9F00; }
a.specialButtonGreen { background:url(../images/buttonGradient.png) repeat-x #97C02F; }
a:hover.specialButtonGreen { background-color: #7EA800; }
a.specialButtonGrey { background:url(../images/buttonGradient.png) repeat-x #dddddd; }
a:hover.specialButtonGrey { background-color: #eeeeee; }


/*------------------------------------------------------------------------- IMAGE BOX - SHORTCODES--------------------- */

.imageBox { background: none repeat scroll 0 0 #0A0B0F; display: block; float: left; overflow: 
hidden; position: relative; margin:7px !important;}
.imageBox img { margin: 0; padding: 0; }
.imageBox p { padding: 0 10px; color:#afafaf; font-weight:bold; }
.caption { float: left; position: absolute; background: #000; height: 100%; width: 100%; opacity: .8; 	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; }
#borderImage .caption h3 { padding:20px; }
#borderImage .caption p { padding:20px; border:none; }
/*------------------------------------------------------------------------- IMAGE BORDER - SHORTCODES--------------------- */

#borderImage { background: none repeat scroll 0 0 #0A0B0F; display: block; border: 1px solid #21242D; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; -webkit-box-shadow:1px 1px 6px #000000; -moz-box-shadow:1px 1px 6px #000000; box-shadow: 1px 1px 6px #000000; padding: 0; float:left; margin:5px; }
#borderImage:hover { -webkit-box-shadow:1px 1px 4px #18191C; -moz-box-shadow:1px 1px 4px #18191C; box-shadow: 1px 1px 4px #18191C; }
#borderImage p { border: 1px solid #07080A; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius: 4px 4px 4px 4px; margin: 0; padding: 7px; }
#borderImage a { display:block; color:#fff; padding:0; text-decoration:none; }
#borderImage img { margin: 0; padding: 0; }
#rightposition { float:right; }