/*   
Theme Name: Ultrajax
Theme URI:http://toptut.com
Description:WordPress theme with two columns, four widget areas and loads of jQuery functions (dropdown navigation, font resizing and more). The theme options include a movable sidebar, custom colours, excerpts on index pages, category or page navigation, different font and colour schemes. 
Author:Lorelei
Author URI:http://toptut.com
Version:2.4
Tags:two-columns, fixed-width, theme-options, custom-colors, blue, green, dark
.
Released under the <a href="http://www.opensource.org/licenses/gpl-license.php">GPL</a>.
.
*/

/*       ###############################
         BASIC TAGS
         ############################### */

* {margin:0; padding:0;}
body {color:#5b5564;
font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
font-size:13px;
line-height:1.5em; 
/*background:url(img/5.jpg) top center no-repeat #706dab;*/}
h1, h2, h3, h4, h5, h6 {/*margin:10px 0 0 0;*/}
p {margin:0px 0px px 0px;}
a {outline:none; text-decoration:none; color:#5B5564;}
a:hover {color:#5B5564;}
a img {border:none;}

/*       ###############################
         BASIC LAYOUT
         ############################### */

div#outline {/*width:960px; margin:0 auto;*/
	margin: 0 auto;
    max-width: 1154px;
    min-width: 965px;
}

div#nav {position:relative; z-index:2; /*width:960px;*/ height:38px; /*background:url(img/nav.png);*/margin-top:20px; background-color:#CCCCCC; }
div#content {clear:both; z-index:1; /*background:#f2f2f2 url(img/gradient.png) repeat-x;*/ /*width:940px; padding:10px 10px 0 10px;*/ margin-top:46px; margin-left:20px;}

div#left {
	margin-right: 2%;
    width: 74.5%;
	/*width:675px; margin:0;*/ line-height:2.0; float:left; /*padding:0 20px 10px 0;*/}
div#right {float: right;
    width: 22.5%; margin-right: 1%;/*width:240px; margin:0; float:right;*/ /*padding:10px 0 10px 20px;*/}

p#toggle-all {float:right; width:100px; margin:0; padding:0;}

div.headline {/*margin: 0px 0 0 20px;*/}
div.excerpt {padding:0 0 20px 0; border-bottom:dotted 1px #ccc; margin:0 0 20px 20px;}
div.post-single {margin:0 0 20px 0;}

div.preview {float:right; background:url(img/preview.png) no-repeat; margin:15px 0 0 0;}
div.preview a {display:block; width:32px; height:32px; color:#ccc !important; font:normal 14px Verdana, serif;}

div.date {border-top:1px solid #563a7c; border-bottom:1px solid #563a7c; border-left:1px solid #563a7c; position:absolute; width:60px; height:60px; padding:10px 0; margin:0 0 0 -109px; background:#F2F2F2;
-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px;}


div.bookmarks {text-align:right; float:right;}

div#appendix {clear:both; background:#fff; /*width:930px;*/ padding:30px 30px 30px 0px; margin:0 0 20px 0;}
div.app_widget {float:left; /*width:280px;*/ width:30%; padding:0px 0px 0px 30px;}
div#appendix div.widget {padding:20px 0 0 0;}

/*       ###############################
         NAVIGATION
         ############################### */

div#nav ul {float:left; list-style:none;}

div#nav li {float:left;}
div#nav li a {display:block; margin:0; padding:11px 16px 10px 16px; color:#f5f5f5; text-decoration:none; font:bold 12px Helvetica, sans-serif; border-left:1px solid #222;}
div#nav li a:hover {background:#9d7bb2; color:#503774; border-bottom:2px solid #7156d4;}

ul#mail_rss a {text-decoration:underline !important;}

/*       ###############################
         WIDGETS
         ############################### */

.widget {border:1px solid #ccc; padding:25px 15px !important; margin:0px 0 5px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px; /*background:#fff url(img/gradient.png) repeat-x;*/ background-color: #EEEEEE;}
.widget_white {border:1px solid #ccc; padding:0px 5px 5px 5px !important; margin:10px 0; -moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px; }

div.widget h4 {border-bottom:1px dotted #ccc; font:bold 120% Helvetica, sans-serif;
	text-shadow:1px 1px 0 #fff;
}
div.widget_white h4 {border-bottom:1px dotted #ccc; font:bold 120% Helvetica, sans-serif;text-shadow:1px 1px 0 #fff; margin-bottom:3px;}

div#right, div#appendix {font-size:120%;}
div#right ul, div#appendix ul {list-style:none; padding:0;}

div.widget h4 {font-size:130%; margin:0; padding:0 0 3px 0;}
div.widget a {display:block; padding:5px 0px; font:normal 90% Helvetica, sans-serif; color:#666666;}
div.widget a:hover {color:#000000; text-decoration:none;}
div.widget h4 {
	color:#000000;
}
div.widget li {padding:0 0 0 5px; margin:0; border-bottom:1px dotted #ccc;}
div.widget li li {padding:0 0 0 20px; margin:0; background:none; border-top:none; border-bottom:none;}

div#tag_cloud a {display:inline;}
div#tag_cloud {min-height:130px;}
div#archives {min-height:130px;}

.textwidget, .textwidget a {font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif !important;}
.textwidget p {margin: 0; padding: 0;}

/*calendar*/
table#wp-calendar {margin:0 0 10px 0; border-collapse:collapse; text-align:center; font-size:14px;}
table#wp-calendar a {font:normal 14px Verdana;}
table#wp-calendar caption {padding:0 0 5px 0;}
table#wp-calendar th {font:bold 14px Verdana;}
table#wp-calendar th, td {width:30px; height:30px;}

/*       ###############################
         TEXT
         ############################### */
div#blog-line h1 a {font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;
font-size:30px; color:red;
text-shadow:1px 1px 0 #210646;
filter: progid:DXImageTransform.Microsoft.Shadow(direction=90,strength=2,color=210646);
}

div#blog-line h1 {
	font-size:30px; 
	font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; 
	padding:20px 0; 
	margin:0; color:#000000; letter-spacing:-2px; float:left;  margin-right:50px;  margin-left:3px;}

div#left {font-size:120%;}
div#left a {color:#666666; text-decoration:underline;}
div#left a:hover {color:#000000; text-decoration:none;}
div#left h1 {float:left; font:bold 26px Helvetica, sans-serif;  letter-spacing:-1px;}
div#left h1.page_headline {/*margin:10px 0;*/ margin-bottom:10px; font:bold 26px Helvetica, sans-serif; color:#503774;}
div#left h1 a {color:#666; display:block; text-decoration:none;}
div#left h1 a:hover {color:#503774; text-decoration:underline;}
div#left h2 {font-size:20px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; margin:0 0 10px 0;}
div#left h2.archive-title { font:bold 26px Helvetica, sans-serif; color:#503774;}
div#left h3 {
	font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; font-size:90%; margin:0 0 5px 0;

}
div#left ul, ol {margin:0 0 20px 20px;}

div.excerpt {font-size:90%; text-align:justify;}
div.single_content {font-size:90%; color:#000000;}

p#font-resize a {display:inline; font:18px bold Verdana, sans-serif; padding:0px 5px;}
p#toggle-all a {display:block; width:80px; height:20px; padding:0 0 0 30px !important; font:12px bold Verdana, sans-serif;}
a.show-all {background:url(img/toggle.png) no-repeat;}
a.hide-all {background:url(img/toggle.png) 0px -20px no-repeat;}

p.previous-posts {margin:50px 0 0 0; float:left; font:normal 130% Verdana;}
p.next-posts {margin:50px 0 0 0; float:left; font:normal 130% Verdana;}
div.date {font-size: 14px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif; text-align:center; color:#666;}
p.date-month {margin:-18px 0 15px 0; color:#999; font-size:32px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;}

p.post_info {/*font-size:100%;*/}
p.tag_info {margin:0; font-size:12px;}
p.offset {margin:5px 0;}

p.wp-bookmark {margin:0;}
.wp-logo {float:left;}
div#credits {font-size:80%;margin:0 0 0 0px; padding:5px 10px; height:46px; border:1px solid #ccc; -moz-border-radius:10px;-webkit-border-radius: 10px; border-radius:10px; font-family:Segoe UI,Arial,Verdana,Helvetica,sans-serif;}
a#totop {float:right; font:bold 120% Verdana, sans-serif;}

.category-link {background:url(img/page.png) no-repeat;}
.comment-link {background:url(img/comments.png) no-repeat;}
.tag-link {background:url(img/tag-blue.png) no-repeat;}
.hide-link {float:right; padding:8px 0 0 0; font: normal 12px Helvetica, sans-serif;}
.user-name {background:url(img/user-green.png) no-repeat;}
.user-mail {background:url(img/email.png) no-repeat;}
.user-url {background:url(img/world-edit.png) no-repeat;}
.user-comment {background:url(img/comment-add.png) no-repeat;}
.info-icon {padding:3px 0 3px 20px; margin:0; background-position:0px 4px;}
 
.clear {clear:both;}

code {font:normal 120% Courier, serif;}

/*      ##################################
           COMMENTS
        ################################## */

div.comment {margin:10px 0 30px 0; padding:10px 0; border-bottom:1px dotted #ccc;}
p.comment-details {font:normal 130% Georgia, serif;}
.avatar {float:left; margin:0 20px 0 0; border:5px solid #eee;-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px;}
div.comment-text {margin:50px 0 0 0;}
div.author-comment {background: #f9fbc1;-moz-border-radius:5px;-webkit-border-radius:5px; border-radius:5px; padding: 10px !important; border:1px solid #f1f1f1;}

h2#comment-header {margin:40px 0 10px 0 !important; border-bottom:1px dotted #ccc; padding:0 0 5px 0;}
h2#respond {margin:40px 0 10px 0 !important;}
h3#no-comments {font:italic bold 110% Georgia, serif !important; color:#666 !important;}

/*        ##################################
           FORMS
        ################################## */

label {display:block; margin:0 0 5px 0;}
.text {width:350px; margin:0 0 10px 0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc;}
textarea {width:450px; height:150px; margin:0; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top #fff; border:1px solid #ccc; -moz-border-radius:5px; border-radius:5px; -webkit-border-radius: 5px;}
.submit, a.btn, .wpcf7-submit {width:auto; padding:5px 20px; margin:5px 0; color:#fff !important; background:#333; border:1px solid #333; -moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px;}
input {-moz-border-radius:5px;-webkit-border-radius: 5px; border-radius:5px; margin:0 5px 0 0; padding:3px; border: 1px solid #CCCCCC;}

/*        ##################################
           SEARCHFORM
        ################################## */

input#search {width:150px; padding:5px; background:url(img/bg-form-text.gif) repeat-x left top; border:1px solid #ccc;}
#search-submit {padding:5px; color:#fff; background:#333; border:none;}
/*div#left div#searchform {padding: 0 0 0 20px;}*/
p.not-found {padding: 0 0 0 20px; margin:0;}

/*        ##################################
           WORDPRESS CSS
        ################################## */

img.alignright {float:right; margin:0 0 30px 30px;}
img.alignleft {float:left; margin:0 50px 30px 0;}
img.aligncenter {display:block; margin-left:auto; margin-right:auto;}
a img.alignright {float:right; margin:0 0 30px 30px;}
a img.alignleft {float:left; margin:0 50px 30px 0;}
a img.aligncenter {display:block; margin-left:auto; margin-right:auto;}

.aligncenter, div.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}

.wp-caption {border:1px solid #ddd; text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px;}
.wp-caption img {margin:0;padding:0;border:0 none;}
.wp-caption p.wp-caption-text {font-size:110%; line-height:17px; padding:0 4px 5px; margin:0;}

/*        ##################################
           SUPERFISH
        ################################## */

/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu * {margin:10px 0 0 0;padding:0;list-style:none;}
.sf-menu {line-height:1.0;}
.sf-menu ul {position:absolute;top:-999em;width:10em; /* left offset of submenus need to match (see below) */}
.sf-menu ul li {width:100%;margin:0 !important;}
.sf-menu ul ul li{margin:0 !important;}
.sf-menu li:hover {visibility:inherit; /* fixes IE7 'sticky bug' */}
.sf-menu li {float:left;position:relative;}
.sf-menu a {display:block;position:relative; font-size:20px; text-decoration:underline; color:#666666; margin-left:25px;}
.sf-menu a:hover {
	 text-decoration:none;
color:#000000;
}
.sf-menu li:hover ul,.sf-menu li.sfHover ul {left:0;top:38px; /* match top ul list item height */ z-index:1000;}
ul.sf-menu li:hover li ul, ul.sf-menu li.sfHover li ul {top:-999em;}
ul.sf-menu li li:hover ul, ul.sf-menu li li.sfHover ul {left:10em; /* match ul width */ top:0;}
ul.sf-menu li li:hover li ul, ul.sf-menu li li.sfHover li ul {top:-999em;}
ul.sf-menu li li li:hover ul, ul.sf-menu li li li.sfHover ul {left:10em; /* match ul width */ top:0;}

/*** CUSTOM STYLES ***/
.sf-menu li ul {background:#222;border:1px solid #000;border-top:none;opacity:0.9;-moz-opacity:0.9;filter:alpha(opacity=90);}
.sf-menu li li ul, .sf-menu li li li ul {background:#222;border:1px solid #000;border-top:none;opacity:1.0;-moz-opacity:1.0;filter:alpha(opacity=100);}

/*       ###############################
         CLEARFIX
         ############################### */

.clearfix:after {content:"."; display:block; clear:both; visibility:hidden; line-height:0; height:0;}
.clearfix {display:inline-block;}
html[xmlns] .clearfix {display:block;}
* html .clearfix {height:1%;}
.clear {clear:both;}


.thumbnail {
  float: left;
  
  margin: 0px 10px 0px 0px;  
  padding: 0; 
  overflow: hidden;
  line-height: 170px;
  text-align: center;
}
.thumbnail a img {
  float:left;
  width: 200px;
  height: 200px;
  padding: 5px;  
  background:#bdaff0;
  border:1px solid #8776c7;
}


/** Featured Area **/

#featured_area {
	background: url(img/feat-b.jpg) no-repeat;
	height: 308px;
	overflow: hidden;
	position: relative;
margin: 0 25px 35px 25px;
}

#featured_area div#mySlides {
	padding-top: 30px;
}

#featured_area .description {
	float: left;
	width: 420px;
	height: 152px;
}

#featured_area .description h2 {
	font-size: 17px;
	color: #423d3a;
	margin-bottom: 15px;
	font-weight: bold;
}

#featured_area .description p {
	font-size: 12px;
}

#featured_area .description a.learn_more {
	font-size: 11px;
	text-transform: uppercase;
	color:#503774;
}
#featured_area .description a.learn_more:hover {
	text-decoration:underline;
}

#featured_area .photo {
	background: url(img/featured_image_bg.gif) repeat-x;
height:209px;
	border: 1px solid #f8f9fa;
	padding: 0px;
	margin-top: 1px;    
	float: left;
	position: relative;
    margin: 0 0 0 10px;
}

#featured_area .photo img {
	width: 440px;
	height: 205px;
    margin: 0 0px 0 0;
}

#featured_area .slide {
	overflow: hidden;
}

#featured_area .container {
	height: 308px;
	overflow: none;
	position: relative;	
	z-index: 0;
}

.gallery-wrapper {
  position: relative;
}

a.jFlowPrev, a.jFlowNext {
	display: block;
	width: 83px;
	height: 78px;
	position: absolute;
	bottom: 200px;
	text-indent: -9999px;
	cursor: pointer;
	z-index:9999;
	top:88px;
	
}

.nav_descr p {
	text-align:justify;
	margin-top:5px;
}

a.jFlowPrev {
	background: url(img/prev-trans.png) no-repeat;
	left: -35px;
}

a.jFlowNext {
	background: url(img/next-trans.png) no-repeat;
	right:-35px;
}

div#myController {
	display: none;
}




#social {
float:left;
}
#social a img {
border:none;
}

.sidebar_login {
	padding-bottom:5px !important;
}

.sidebar_login br {
    line-height: 0px;    
}

.sidebar_login p {
    margin:0px 0px 5px 0px;   
}

.sidebar_login .checkbox, .sidebar_login li {
    float:left;
    border-bottom:0px !important; 
}

.sidebar_login input.mid {

background: none repeat scroll 0 0 #FBFBFB;
    border: 1px solid #E5E5E5;
    font-size: 18px;
    margin-right: 6px;
    padding: 3px;
    width: 97%;
}

.sidebarlogin_otherlinks li {
	border-bottom:0px !important;
}

.reglink a{
	margin-top:7px;
}

.forglink {
	clear:left;
}

.sidebar_login h2 {
	margin:0px 0px 10px 0px;
}

.fullc {
	float:right;
}

div.single_content {
	clear:both; 
	margin: 0 0 20px 20px;
}

.single_content p {
	text-align:justify;
	margin-bottom:7px;
}

.twitter, .linkedin {
	margin-left:3px;
}


 #searchform #search {
    background: url("/images/icon_search_home.png") no-repeat scroll 5px 3px #FFFFFF;
    border: 1px solid #CCCCCC;
	-moz-border-radius: 15px;
	-webkit-border-radius: 15px; 
	border-radius: 15px;
    color: #666666;
    font-size: 16px;
    font-weight: bold;
    padding: 5px 10px 5px 35px;
    width: 200px;
}

#searchb {
	width:100%;
	border:1px solid #000000;
	background: url("/images/icon_search_home.png") no-repeat scroll 5px 1px #FFFFFF;
	text-indent:28px;
 	font-size: 16px;
    font-weight: bold;
	-moz-border-radius: 0px;
	-webkit-border-radius: 0px; 
	border-radius: 0px;
	color: #666666;
	margin-bottom:15px;
}

#blog-line #searchform {
	float:right;
	margin-top:20px;
}

#left  #searchform #search {
	width: 400px !important;
	margin:10px 0 10px 20px;
}

.post_info {
	font-size:11px;
	margin-bottom:5px;
}

.wp-pagenavi {
}
.cloud {
	text-align:justify; 
}
.cloud a{
	/*float:left;*/
margin-left:3px;
white-space:nowrap;	
}

.icons {
	text-align:justify;
	padding-top:5px !important;
}
.cloud a:hover {
	text-decoration:underline;
}

.pages {
	border:0px none !important;
}

.ccont {
	border-top:dotted 1px #ccc;
	padding-top:20px;
	margin-bottom:10px;
}

.single_content .images img {
	border:1px solid #000000;
	margin:5px;
}

.single_content .images {
	margin-bottom:10px;
}

.port {
	margin-top:5px !important;
}

.infomsg {
	border:1px solid #CCCCCC;
    -moz-border-radius:5px;
    -webkit-border-radius: 5px; 
    border-radius:5px;
	font-size:11px;
	padding:5px;
	margin-bottom:15px;
}

.current_page_item a{
	text-decoration:none !important;
	color:#000000 !important;
}

.current-cat a{
	text-decoration:underline !important;
	color:#000000 !important;
}

.widget_white h4 {
	margin-top:10px;
}

.mysoc {
	margin-top:3px;
	text-align:center;
}
















.tipsy-inner {
    padding:10px 15px;
    line-height:1.5em;
    font-weight:bold;
}
.tipsy {
    opacity:.8;
    filter:alpha(opacity=80);
    background-repeat:no-repeat;
    padding:5px;
}
.tipsy-inner {
    padding:8px 8px;
    max-width:200px;
    font:11px 'Lucida Grande', sans-serif;
    font-weight:bold;
    -moz-border-radius:4px;
    -khtml-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    background-color:#000;
    color:white;
    text-align:left;
}
.tipsy-north {
    background-image:url(images/tipsy-north.gif);
    background-position:top center;
}
.tipsy-south {
    background-image:url(images/tipsy-south.gif);
    background-position:bottom center;
}
.tipsy-east {
    background-image:url(images/tipsy-east.gif);
    background-position:right center;
}
.tipsy-west {
    background-image:url(images/tipsy-west.gif);
    background-position:left center;
}






















#tfuse-top-sliding-panel-container {
    display: none;
    font-size: 13px;
    position: fixed;
    top: -96px;
    width: 100%;
    z-index: 8999;
}

#tfuse-top-sliding-panel-container {
    line-height: normal;
    text-align: left;
    z-index: 8999;
}

#tfuse-top-sliding-panel-container #tfuse-top-sliding-panel-container-preloadimages {
    display: none;
}

#tfuse-top-sliding-panel-container #tfuse-top-sliding-panel {
    background: url("images/panel_bg.png") repeat-x scroll center top transparent;
    height: 95px;
    position: relative;
}

#tfuse-top-sliding-panel-container .tfuse-top-sliding-panel-panel-bot {
    background: url("images/panel_bot_bg_01.png") no-repeat scroll right top transparent;
    clear: both;
    height: 8px;
    position: relative;
    top: -1px;
    width: 100%;
    z-index: 1000;
}

#tfuse-top-sliding-panel-container #tfuse-top-sliding-panel-btn-slide {
    background: url("images/panel_bot_bg_a.png") no-repeat scroll right top transparent;
    display: block;
    float: right;
    height: 37px;
    outline: medium none;
    position: absolute;
    right: 42px;
    text-indent: -5000px;
    width: 80px;
    z-index: 2000;
}

 .loginContent {
    font-size: 0.85em;
    margin: 0 auto;
    text-align: left;
    width: 600px;
padding-top:20px;
}

 .loginContent label {
	float:left;
	line-height:30px;
	color:#FFFFFF;
	margin-right:3px;
 }
 
 .loginContent input.field {
 	float:left;
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #CCCCCC;
    color: #000000;
    height: 16px;
    margin-right: 5px;
    margin-top: 4px;
    width:150px;
}

 .loginContent .button_login {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #333333;
    border-radius: 5px 5px 5px 5px;
    color: #333333 !important;
    margin-top: 1px;
    padding: 5px 20px;
    width: auto;
}

 .loginContent .left {
    float: left;
    font-size: 0.95em;
    padding-left: 65px;
    width: 120px;
}

 .loginContent a {
 	display:block;
float:left;
margin-right:10px;
margin-top:9px;
	color:#CCCCCC !important;
	text-decoration:underline;
 }
 .loginContent a:hover {
	color:#FFFFFF !important;
	text-decoration:none;
 }

.loginContent input.rememberme {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0;
    padding: 0;
}

.tfuse-top-sliding-panel-selectBoxes .panel {
	text-align:center;
	padding-top:20px;
}

.tfuse-top-sliding-panel-selectBoxes .panel a {
 	display:block;
	margin-right:15px;
	font-size:18px;
	color:#CCCCCC !important;
	text-decoration:underline;
 }
 
.tfuse-top-sliding-panel-selectBoxes  .panel  a:hover {
	color:#FFFFFF !important;
	text-decoration:none;
 }
 
 .gitico {
	background:url(/images/github_icon.png) no-repeat;
 	text-indent:16px;
 	padding-left:18px;
 	font-weight:bold;
 }
 
 
 .dp-highlighter
{
	font-family: "Consolas", "Courier New", Courier, mono, serif;
	font-size: 12px;
	background-color: #E7E5DC;
	width: 99%;
	overflow: auto;
	margin: 18px 0 18px 0 !important;
	padding-top: 1px; /* adds a little border on top when controls are hidden */
	padding-right: 1px;
}

/* clear styles */
.dp-highlighter ol,
.dp-highlighter ol li,
.dp-highlighter ol li span 
{
	margin: 0;
	padding: 0;
	border: none;
}

.dp-highlighter a,
.dp-highlighter a:hover
{
	background: none;
	border: none;
	padding: 0;
	margin: 0;
}

.dp-highlighter .bar
{
	padding-left: 45px;
}

.dp-highlighter.collapsed .bar,
.dp-highlighter.nogutter .bar
{
	padding-left: 0px;
}

.dp-highlighter ol
{
	list-style: decimal; /* for ie */
	background-color: #fff;
	margin: 0px 0px 1px 45px !important; /* 1px bottom margin seems to fix occasional Firefox scrolling */
	padding: 0px;
	color: #5C5C5C;
}

.dp-highlighter.nogutter ol,
.dp-highlighter.nogutter ol li
{
	list-style: none !important;
	margin-left: 0px !important;
}

.dp-highlighter ol li,
.dp-highlighter .columns div
{
	list-style: decimal-leading-zero; /* better look for others, override cascade from OL */
	list-style-position: outside !important;
	border-left: 3px solid #6CE26C;
	background-color: #F8F8F8;
	color: #5C5C5C;
	padding: 0 3px 0 10px !important;
	margin: 0 !important;
	line-height: 14px;
}

.dp-highlighter.nogutter ol li,
.dp-highlighter.nogutter .columns div
{
	border: 0;
}

.dp-highlighter .columns
{
	background-color: #F8F8F8;
	color: gray;
	overflow: hidden;
	width: 100%;
}

.dp-highlighter .columns div
{
	padding-bottom: 5px;
}

.dp-highlighter ol li.alt
{
	background-color: #FFF;
	color: inherit;
}

.dp-highlighter ol li span
{
	color: black;
	background-color: inherit;
}

/* Adjust some properties when collapsed */

.dp-highlighter.collapsed ol
{
	margin: 0px;
}

.dp-highlighter.collapsed ol li
{
	display: none;
}

/* Additional modifications when in print-view */

.dp-highlighter.printing
{
	border: none;
}

.dp-highlighter.printing .tools
{
	display: none !important;
}

.dp-highlighter.printing li
{
	display: list-item !important;
}

/* Styles for the tools */

.dp-highlighter .tools
{
	padding: 3px 8px 3px 10px;
	font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: silver;
	background-color: #f8f8f8;
	padding-bottom: 10px;
	border-left: 3px solid #6CE26C;
}

.dp-highlighter.nogutter .tools
{
	border-left: 0;
}

.dp-highlighter.collapsed .tools
{
	border-bottom: 0;
}

.dp-highlighter .tools a
{
	font-size: 9px;
	color: #a0a0a0;
	background-color: inherit;
	text-decoration: none;
	margin-right: 10px;
}

.dp-highlighter .tools a:hover
{
	color: red;
	background-color: inherit;
	text-decoration: underline;
}

/* About dialog styles */

.dp-about { background-color: #fff; color: #333; margin: 0px; padding: 0px; }
.dp-about table { width: 100%; height: 100%; font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; }
.dp-about td { padding: 10px; vertical-align: top; }
.dp-about .copy { border-bottom: 1px solid #ACA899; height: 95%; }
.dp-about .title { color: red; background-color: inherit; font-weight: bold; }
.dp-about .para { margin: 0 0 4px 0; }
.dp-about .footer { background-color: #ECEADB; color: #333; border-top: 1px solid #fff; text-align: right; }
.dp-about .close { font-size: 11px; font-family: Tahoma, Verdana, Arial, sans-serif !important; background-color: #ECEADB; color: #333; width: 60px; height: 22px; }

/* Language specific styles */

.dp-highlighter .comment, .dp-highlighter .comments { color: #008200; background-color: inherit; }
.dp-highlighter .string { color: blue; background-color: inherit; }
.dp-highlighter .keyword { color: #069; font-weight: bold; background-color: inherit; }
.dp-highlighter .preprocessor { color: gray; background-color: inherit; }