/* @override http://localhost/bxgallery_v2_dev/css/styles.css */

* {
    padding: 0;
    margin: 0;
}

.clear {
    clear: both;
}

a {
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

a img {
    border: 0;
}

body {
    font-family: Arial, sans-serif;
    padding-bottom: 60px;
}

/*----------------------------------------------------------------------
 HEADER
----------------------------------------------------------------------*/

#header {
    width: 100%;
    height: 100px;
    background: url(../images/bg_header.jpg) top center no-repeat #824ead;
}

#header_inner {
    width: 960px;
    margin: 0 auto;
}

#header h1 {
    float: left;
    background: url(../images/logo.png) no-repeat;
    width: 313px;
    height: 75px;
    text-indent: -9999px;
    margin-top: 11px;
}

#header #plugins {
    float: right;
    padding-top: 15px;
}

#header h2#bxcarousel {
    background: url(../images/logo_bxcarousel.png) no-repeat;
    text-indent: -9999px;
    margin-bottom: 3px;
}

#header h2#bxcarousel a {
    display: block;
    /*border: solid #000 2px;*/
}

#header h2#bxslider {
    background: url(../images/logo_bxslider.png) no-repeat;
    text-indent: -9999px;
    margin-bottom: 3px;
}

#header h2#bxslider a {
    display: block;
}

#header #plugins .item:first-child {
    width: 112px;
}

#header #plugins .item {
    width: 118px;
    float: left;
}

#header #plugins .item:first-child {
    background: url(../images/bg_header_separator.png) right no-repeat;
    margin-right: 14px;
}

#header #plugins p {
    font-size: 14px;
    color: #fff;
    line-height: 19px;
}

/*----------------------------------------------------------------------
 SIDEBAR RIGHT
----------------------------------------------------------------------*/

#sidebar_right {
    float: right;
}

#sidebar_right li {
    list-style: none;
    text-align: center;
}

#download_min {
    display: block;
    width: 243px;
    height: 65px;
    background: url(../images/btn_download.png) 0 -65px no-repeat;
    margin-bottom: 10px;
}

#download_min:hover {
    background-position: 0 0;
}

#download_full {
    color: #666;
    font-size: 11px;
}

#download_v1 {
    color: #666;
    font-size: 11px;
}

#install {
    display: block;
    width: 240px;
    height: 60px;
    background: url(../images/btn_install.png) 0 -60px no-repeat;
    text-indent: -9999px;
    margin-top: 6px;
    outline: 0;
}

#install:hover {
    background-position: 0 0;
}

#beer {
    height: 59px;
    overflow: hidden;
    margin-left: 28px;
    margin-top: 13px;
    margin-bottom: 23px;
    position: relative;
}

#beer:hover #submit {
    top: 0;
}

#submit {
    display: block;
    position: relative;
    top: -57px;
}

/*----------------------------------------------------------------------
 CONTENT
----------------------------------------------------------------------*/

#content_inner {
    width: 960px;
    margin: 0 auto;
    padding-top: 20px;
}

#content #intro {
    border-bottom: dotted #ccc 1px;
    padding-bottom: 54px;
    margin-bottom: 24px;
}

#content #intro p {
    font-size: 14px;
    color: #8f8f8f;
    line-height: 22px;
    padding-bottom: 5px;
}

#content #intro a {
    color: #666;
    padding: 6px;
}

#content #intro a:hover {
    background: #eee;
    text-decoration: none;
    border-bottom: dotted #ccc 1px;
}

#content #intro ul {
    padding-bottom: 15px;
    padding-top: 3px;
}

#content #intro li {
    color: #8f8f8f;
    margin-left: 50px;
    padding-bottom: 4px;
    font-size: 14px;
}

#content p {
    font-size: 12px;
    color: #8f8f8f;
}

#content h2 {
    font-size: 26px;
    font-weight: normal;
    color: #666;
    padding-bottom: 17px;
    border-top: dotted #ccc 1px;
    padding-top: 20px;
    padding-bottom: 21px;
    margin-top: 13px;
}

#content h2 span {
    font-size: 20px;
}

.outer li {
    list-style:none;
}

.outer .thumbs li {
    margin-top: 2px;
    margin-bottom: 14px;
    margin-left: 1px;
    margin-right: 1px;
}

.caption {
    color: #999;
    font-size: 14px;
    padding-top: 5px;
}

.pre_wrap {
    background: #f9f9f9;
    padding: 5px 5px 5px 14px;
    margin-bottom: 33px;
    margin-top: 32px;
}

.pre_wrap span.label {
    color: #999;
    font-size: 12px;
    font-style: italic;
    display: block;
    padding-left: 5px;
    padding-top: 5px;
}

.syntaxhighlighter {
    font-size: 12px;
}


#content #notes li, #content #changes li {
    font-size: 12px;
    color: #8f8f8f;
    margin-left: 43px;
    padding-bottom: 6px;
}

#content #notes li a {
    color: #e41996;
}

#idc-container a {
    color: #e41996; 
}

#idc-container h3 {
    color: #666;
}


/*----------------------------------------------------------------------
 INSTALL
----------------------------------------------------------------------*/
.install h1 {
    font-size: 24px;
    color: #666;
    font-weight: normal;
    padding-top: 9px;
    padding-bottom: 13px;
}

.install #content h2 {
    border-top: 0;
}

.install #content p {
    padding:0 0 15px 0;
}

.install #content a {
    color: #e41996; 
}


#install_frm input[type="text"] {
    padding: 5px 7px;
    font-size: 14px;
    color: #8f8f8f;
    width: 833px;
    margin-bottom: 17px;
    border: solid #ccc 1px;
    -webkit-box-shadow:1px 1px 3px #ccc;
    -moz-box-shadow:1px 1px 3px #ccc;
}

#install_frm label {
    display: block;
    color: #8f8f8f;
    font-size: 14px;
    padding-bottom: 3px;
}

#install_frm label.error {
    color: #f00;
    position: relative;
    top: -8px;
    margin-bottom: 7px;
}

#install_frm textarea {
    padding: 5px 7px;
    font-size: 14px;
    color: #8f8f8f;
    width: 833px;
    margin-bottom: 14px;
    border: solid #ccc 1px;
    -webkit-box-shadow:1px 1px 3px #ccc;
    -moz-box-shadow:1px 1px 3px #ccc;
    height: 152px;
    font-family: Arial, sans-serif;
}

#install_frm #install_submit {
    display: block;
    margin-top: 18px;
}

.install #success_msg, .install #robot_msg {
    display:none;
}



 #root-menu-div ul {
  border: 1px solid #000;
}
#root-menu-div li{
  white-space:nowrap;
}
* html #root-menu-div li{
  height: 1.5em; /* fixing ie6 problem */
}
ul.menu,
#root-menu-div ul {
  background-color: #fff;
  list-style: none;
  margin: 0;
  padding: 0;
}
li.menu-separator.active{
  background-color: transparent;
}
li.active {
  background-color: #888;
}
.activetarget{
  background-color: white;
}

* html div.menu-item {
  display: inline; /* fixes problem in ie6 */
}

li.menumain {
  float: left;
  padding: 0 10px;
}
div.menu-item {
  padding: 1px 10px 1px 4px;
}
img.menu-item-arrow{
  position: absolute;
  right: 4px;
  top: 8px;
}
li.menu-separator{
  border-bottom: 1px solid #000;
  font-size: 0; /* for ie */
  height: 0;
  line-height: 0; /* for ie */
  margin: 2px 0;
}
li.red {
  color: red;
}
li.blue {
  color: blue;
}



/* syntaxhighlight stuff */
.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 */
}

/* 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; }

span.connect_widget_connected_text {
  display: none;
}

span.total.total_plus {
  margin-bottom: 5px;
}

.fan_box .connections {
  height: 179px;
  overflow: hidden;
  padding-left: 4px;
}

.fan_box .connections .connections_grid {
  padding-top: 10px;
}

.fan_box .connections_grid .grid_item {
  padding-right: 3px;
}

.fan_box .connections_grid .grid_item:nth-child(4) {
  margin-bottom: 10px;
}