/*cactus comman css format*/

body{ margin:0px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:12px; background-color: #FFF; background-image: url(../PBimages/Outer_images/main_bg.jpg); background-repeat: repeat-x; background-position: top; }
#outerpan{ margin:auto; width:100%; overflow:hidden; }

/*conatainer*/
#container{ margin:auto; width:1000px; overflow:hidden; background-image: url(../PBimages/Outer_images/stage_bg.png); background-repeat: repeat-y; background-position: center; }
/*end of conatainer*/


/*header*/
#header{ float:left; width:1000px; height:125px; }
#logo_box{ float:left; margin-top: 20px; margin-right: 20px; margin-left: 40px; }
#req_box{ float:right;  margin-right: 40px; width: 360px;}

#headerTop{height:45px;}
#headerTopLeft { width: 100px;  float: left}
#headerTopRight { width: 150px;  float: right}
.loginButton
{
    padding:10px;
    text-decoration:none;
    color: #fff;  font-size:14px;
   -webkit-border-bottom-right-radius: 15px;
-webkit-border-bottom-left-radius: 15px;
-moz-border-radius-bottomright: 15px;
-moz-border-radius-bottomleft: 15px;
border-bottom-right-radius: 15px;
border-bottom-left-radius: 15px;
 border-radius: 15px;

/*background-image: linear-gradient(bottom, #C2140E 50%, #AC0606 68%);
background-image: -o-linear-gradient(bottom, #C2140E 50%, #AC0606 68%);
background-image: -moz-linear-gradient(bottom, #C2140E 50%, #AC0606 68%);
background-image: -webkit-linear-gradient(bottom, #C2140E 50%, #AC0606 68%);
background-image: -ms-linear-gradient(bottom, # 50%, #AC0606 68%);

background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.5, #C2140E),
	color-stop(0.68, #AC0606)
);*/
background-color:#C2140E;
 /* Firefox 3.6 */
	    -ms-filter: "progid:DXImageTransform.Microsoft.gradient(GradientType=0,startColorstr='#C2140E', endColorstr='#C2140E')";
    background-image: -webkit-gradient(linear,left bottom,left top,color-stop(0, #C2140E),color-stop(1, #C2140E));/* Safari & Chrome */
}
/*end of header*/


/*navigation bar*/
#navi{ float:left; width:1000px; height:58px; background-image: url(../PBimages/Outer_images/sadow.png); background-repeat: repeat-x; background-position: bottom;padding-top: 15px; }
#navi_l{ float:left; width:1000px; height:58px; background-image: url(../PBimages/Outer_images/navi_bg.png); background-repeat: repeat-x; background-position: top;}
#navi_midd{ float:left; width:1000px; height:58px; background-image: url(../PBimages/Outer_images/navi_bg.png); background-repeat: repeat-x; background-position: top;}
#navi_r{ float:left; width:1000px; height:58px; background-image: url(../PBimages/Outer_images/navi_bg.png); background-repeat: repeat-x; background-position: top;}

.menu{ margin:0px; padding:0px; list-style:none; width:1000px; height:58px; }
.menu li{ width:250px; text-align:center; height:58px; color: #FFF; text-decoration: none; float: left; }
.menu li a{ display:block; width:250px; height:50px; float: left; color: #FFF; text-decoration: none; padding-top: 8px; font-size: 18px; }
.menu li a:hover{ background:url(../PBimages/Outer_images/red_navi.png) left top no-repeat; color: #FFF; }

.menu li.active{ background:url(../PBimages/Outer_images/red_navi.png) left top no-repeat; color: #FFF; }

.menu li:hover
{
    position: relative;
    z-index: 100;
    text-decoration: underline;
}
.menu a:hover
{
    position: relative;
    z-index: 100;
    color: #FFF;
    text-decoration: underline;
}
.menu, .menu ul
{
     padding: 0;
    margin: 0;
    list-style: none;
    position: relative;
    z-index: 100;
}
.menu ul
{
    position: absolute;
    left: -9999px;
    top: -9999px;
}

.menu ul li{  height:30px; } 
.menu ul li li a{ height:30px; }
.menu :hover ul li
{
    height: 30 !important;
}

.menu :hover ul
{
    left: 0;
    top: 45px;
    z-index: 300;
}

.menu :hover ul li a
{
    background: #243c5c;
    color: #fff;
    font-size: 14px;
    height:30px; 
}



/*end of navigation bar*/

/*wrapper*/
.wrapper{ float:left; width:1000px; overflow:hidden; }
/*end of wrapper*/


/*2 columns*/
#col_1_2{ float:left; width:583px; overflow:hidden; margin-left: 25px; background-color: #FFF; border: 1px solid #d47371; padding: 6px; }
#contant_of_l_box { float:left; width:583px; overflow:hidden; background-color: #FFF; margin-top: 5px; font-family: "Trebuchet MS"; }
h1{ font-size:16px; margin:0px; padding:0px; width:100%; color:#bf130f; font-family: "Trebuchet MS"; }
p{ margin:0px; padding:0px; float:left; width:100%; color:#8B8B83; }
#login_box{ background-color: #FFF; border: 1px solid #d47371; width:338px; overflow:hidden; }
.red{ font-size:16px; float:left; color:#bf130f; margin: 6px; font-weight: bold; }
.user_name{ font-size: 12px; color: #a0a0a0; float:left; width:100%; margin-left: 8px; margin-top: 2px; margin-bottom: 2px; }
input { float:left; width:250px; overflow:hidden; margin-left: 8px; background-color: #FFF; border: 1px solid #d2d2d2; margin-bottom: 5px; color: #A2A2A2; height: 25px; }
.sign_box{ font-size: 12px; color: #a0a0a0; float:left; width:100%; margin-left: 5px; margin-top: 2px; margin-bottom: 7px; }
.Brokerage input { float:none; width:auto; overflow:hidden; margin-left: 8px; background-color: #FFF; border: 1px solid #d2d2d2; margin-bottom: 5px; color: #A2A2A2; height: 25px; }


#col_2_2{ float:left; width:340px; overflow:hidden; margin-left: 13px; margin-right: 25px; }
.whitebg_red_border_r{ background-color: #FFF; border: 1px solid #d47371; width:338px; overflow:hidden; /*margin-top: 13px;*/ }
.whitebg_red_border_r ul{ padding: 0px; float: left; width: 338px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
.whitebg_red_border_r li{ margin:0 0 0 30px; list-style-image: url(../PBimages/Outer_images/tick.png); color: #797979; padding:0px;; }
.whitebg_red_border_r li a{ color: #797979; text-decoration: none; margin: 0px; padding: 0px; }
.whitebg_red_border_r li a:hover{ color: #797979; text-decoration: underline; margin: 0px; padding: 0px; }

.square ul{ padding:0px; float:left; overflow:hidden;width: 625px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.square li{ margin-left: 30px; list-style-image: url(../PBimages/Outer_images/gray.png); color: #8B8B83; width: 600px; }
.square li a{ color: #8B8B83; text-decoration: none; }
.square li a:hover{ color: #8B8B83; text-decoration: underline;}

.TickDiff ul{ padding: 0px; float: left; width: 338px; margin-top: 0px; margin-right: 0px; margin-bottom: 6px; margin-left: 0px; }
.TickDiff li{ margin:0 0 0 30px; list-style-image: url(../PBimages/Outer_images/tick1.png); color: #797979; padding:2px;; }
.TickDiff li a{ color: #797979; text-decoration: underline; margin: 0px; padding: 0px; }
.TickDiff li a:hover{ color: #797979; text-decoration: underline; margin: 0px; padding: 0px; }



.contant_box { font-size: 12px; color: #a0a0a0; float:left; width:320px; margin-left: 8px; margin-right: 8px; margin-bottom: 2px; }
.maroon_text{ font-size: 12px; color: #7f1317; float:left; width:320px; margin-left: 8px; margin-right: 8px; margin-bottom: 20px; margin-top: 10px; }


/*wrapper 2*/

.l_box_wrapper_2{ float:left; width:273px; overflow:hidden; margin-left: 25px; b padding: 6px; margin-top: 13px; overflow:hidden; }

.r_side_small_box{ float:left; width:259px; overflow:hidden; background-color: #FFF; border: 1px solid #d47371; padding: 6px;  overflow:hidden;}

.r_side_small_box ul{ margin:0px; padding:0px; float:left; width:273px; overflow:hidden;}
.r_side_small_box li{ float:left; margin-left:25px; height:15px; color: #8B8B83; width:232px; height:20px; list-style-image: url(../PBimages/Outer_images/red.png); }
.r_side_small_box li a{ color: #8B8B83; text-decoration: none; }
.r_side_small_box li a:hover{ text-decoration: underline; }

.r_box_wrapper_2{ float:left; width:665px; overflow:hidden; margin-left: 13px;   margin-top: 13px; }
.r_small_box{  float:left; width:650px; overflow:hidden;  background-color: #FFF; border: 1px solid #d47371; padding: 6px; }
.r_small_box ul{ padding:0px; float:left; overflow:hidden; 650px;width: 625px; margin-top: 10px; margin-right: 0px; margin-bottom: 10px; margin-left: 0px; }
.r_small_box li{ margin-left: 30px; list-style-image: url(../PBimages/Outer_images/gray.png); color: #8B8B83; /*width: 480px;*/ }
.r_small_box li a{ color: #8B8B83; text-decoration: none; }
.r_small_box li a:hover{ color: #8B8B83; text-decoration: underline;}

.for_logo{ float:left; width:273px; overflow:hidden; overflow:hidden; }
img { border:none;}


/*end of 2 columns*/

/*3 columns*/
#3_col_1{ float:left; width:190px; overflow:hidden; padding:5px;}
#3_col_2{ float:left; width:600px; overflow:hidden;}
#3_col_3{ float:left; width:190px; overflow:hidden; padding:5px;}
/*end of 3 columns*/

/*footer*/
#footer{ margin:auto; height:55px; width:100%; color:#bf130f; float: left;  }
#footer_content_box{ width:1000px; height:70px; margin-top:15px; margin:auto;}
#copyright_content{ float:right; margin-right:20px; color: #96968f; margin-top: 20px; }
#footer_links{ float:left; margin-top: 20px; margin-left: 21px; width:420px; }
#footer_links a{ margin-left: 5px; text-decoration:none; color:#96968f; }

/*end of footer*/



#col_1_2_login{ float:left; width:935px; overflow:hidden; margin-left: 25px; background-color: #FFF; border: 1px solid #d47371; padding: 6px; }
.login{ width: 200px; margin-top: 4px; height: 20px; }
.text_box { float: left; width: 530px; height: 480px; overflow: scroll; padding: 10px; text-align: justify; border: 1px dotted #CCC; }






/*::selection {
	background: #e800da;
	color: #fff;
}

::-moz-selection {
	background: #e800da;
	color: #fff;
}*/

.clear {
	clear: both;
}



#custom-options a:hover,
#examples a:hover,
#notes a:hover,
#footer a:hover,
#go-home:hover,
#example .controls a:hover {
	border-bottom: dotted 1px #e800da;
}



p.note {
	/*font-weight: bold;*/
}

.no-pad {
	padding-bottom: 5px;
}

ul {
	margin-left: 50px;
}

li {
	padding-bottom: 5px;
	line-height: 16px;
}

pre {
	font-size: 14px;
	background: #eee;
	padding: 25px;
	line-height: 22px;
	margin-bottom: 20px;
	border: dotted #ccc 1px;
}

pre span {
	background: yellow;
}



wrapper_slider {
	width:583px;
	margin:0 auto;
}

h4 {
	font: normal 70px "American Typewriter", typewriter-web;
	width: 291px;
}

h4 span {
	display: block;
	font-size: 26px;
	color: #e800da;
	position: relative;
	top: -15px;
	left: 129px;
	width: 153px;
}

h4 a {
	color: #000;
}

h4 a:hover {
	color: #e800da;
	border: 0;
}

h4 a:hover span {
	color: #000;
}

h5 {
	font: normal 32px "American Typewriter", typewriter-web;
	padding-bottom: 10px;
}

h6 {
	font: normal 20px "American Typewriter", typewriter-web;
	padding-bottom: 10px;
	width:573px;
	text-align:right;
}

h6 span {
	display: block;
	font-size: 16px;
	color: #999;
}

.dotted {
	background: url(../PBimages/Outer_images/bg_dotted.png) no-repeat bottom;
	margin-bottom: 20px;
	padding-bottom: 20px;
}

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

#header {
	position: relative;
	/*padding-top: 15px;*/
}

#download {
	position: absolute;
	top: 23px;
	right: 0;
}

#download a {
	display: block;
	color: #fff;
	background: #17c113;
	font: 26px "American Typewriter", typewriter-web;
	padding: 16px;
	-webkit-box-shadow: 5px 5px 0 #488447;
	-moz-box-shadow: 5px 5px 0 #488447;
}

#download a:hover {
	background: #19d515;
	border: 0;
}

#go-home {
	position: absolute;
	right: 0;
	top: 107px;
}

/* OVERVIEW ---------------------------------- */

#overview {
	position: relative;
}

#overview .left {
	float: left;
	width: 660px;
}

#overview .left ul {
	margin-bottom:15px;
}

#overview .right {
	float: right;
	width: 265px;
}

#beer {
	border: 0;
	background: #e800da;
	color: #fff;
	font: 18px "American Typewriter", typewriter-web;
	padding: 14px;
	/**padding: 14px 0;*/
	*width: 265px;
	-webkit-box-shadow: 5px 5px 0 #984092;
	-moz-box-shadow: 5px 5px 0 #984092;
	cursor: pointer;
	margin-bottom: 30px;
}

#beer:hover {
	background: #ff00f0;
}

#ads img {
	margin-bottom: 10px;
}

#ads span.yoggrttext {
	font-size: 14px;
}

#ads p.adby {
	font-size: 12px;
	padding-top: 7px;
}

#ads p.adby a {
	color: #000;
}

/* SLIDER ---------------------------------- */

#slider1 {
	padding: 0;
	margin: 0;
	list-style: none;
	overflow: hidden;
	height: 226px;
}

#slider1 li {
	padding: 0;
	margin: 0;
	zoom:1;
}

#slider1 img,
#slider2 img {
	float: left;
	margin-right: 36px;

}



#slider1 p {
	padding-bottom: 15px;
	line-height: 20px;
	width:573px;
	text-align:right;
}
/* OPTIONS ---------------------------------- */

#options {
	display: none;
}

#options pre {
	font-size: 12px;
}

#show-options {
	background: url(../PBimages/Outer_images/icon_arrow.png) no-repeat 0 135%;
	padding-left: 14px;
}

#show-options.open {
	background-position: 0 -56%;
}

#changelog span {
	display:block;
	color:#777;
}

/* EXAMPLE ---------------------------------- */

#example h5 {
	margin-bottom:25px;
	/*border-bottom:dotted 3px #999;*/
}

#example h6 {
	font-size:20px;
}

#example h6 span {
	font-size:16px;
	color:#999;
}

#example h4 {
	font-weight: normal;
	margin-top: 20px;
	margin-bottom: 5px;
}

#example .multiple li {
	width: 240px;
}

#example .images li {
	width: 221px;
}

#example .images img {
	float: none;
}

#example .custom {
	margin-top: 30px;
	border: dotted #999 1px;
	padding: 15px;
}

#example .custom #my-pager a,
#example .custom #my-start-stop a {
	margin-right: 12px;
	font-size: 32px;
}

#example .ticker li {
	width: 500px;
}

#example .controls a {
	font-size: 24px;
}

#example .show {
	border-bottom: dotted #999 1px;
	padding-bottom: 30px;
	margin-bottom: 30px;
}

#example .thumbs {
	text-align: center;
	padding-top: 30px;
}

#example .thumbs a {
	margin-right: 10px;
}

#example .thumbs img,
#example .bx-pager img {
	border: solid #666 1px;
}

#example .thumbs .pager-active img {
	border: solid #e800da 1px;
}

.custom-pager #example .bx-pager a {
	background: none;
}

.custom-pager #example .bx-pager .pager-active img,
.custom-pager #example .bx-pager a:hover img {
	border: solid #e800da 1px;
}

#callback-wrapper {
	text-align: center;
	border: dotted #999 1px;
	background: greenyellow;
	margin-top: 24px;
	font-size: 26px;
	padding: 20px 0 0;
	display: none;
}

#callback-wrapper p {
	/*padding: 0;
	margin: 20px 0;*/
}


.bx-pager a,.bx-prev,.bx-next {
	text-decoration: none;
	color: #e800da;
	margin: 0 5px 0 5px;
}

 .bx-pager a img {
	border: 0;
}

/* CHANGELOG ---------------------------------- */

#changelog li ul {
	margin:0;
}

#changelog li li {
	list-style: none;
	
}

/* COMMENTS ---------------------------------- */

#comments h6 {
	text-transform: lowercase;
}

#comments pre {
	font-size: 12px;
	background: #eee;
	padding: 15px;
	line-height: 16px;
	margin: 20px 0;
	border: dotted #ccc 1px;
}

#dsq-form-area {
	margin-bottom: 20px!important;
}

#dsq-comments-title {
	display: none!important;
}

/* FOOTER ---------------------------------- */



element.style {
    float: left;
    list-style: none outside none;
    width: 583px;
	
	
}


element.style {
    left: -583px;
    position: relative;
    width: 999999px;
	height:391px;
}


.sign_in{ float:left; margin-bottom:0px;}


.redBtn{
background: #B20606;
background: -moz-linear-gradient(top, #B20606 0%, #B20606 50%, #C9110C 51%, #C9110C 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#B20606), color-stop(50%,#4e668b), color-stop(51%,#C9110C), color-stop(100%,#C9110C)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #B20606 0%,#B20606 50%,#C9110C 51%,#C9110C 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #B20606 0%,#B20606 50%,#C9110C 51%,#C9110C 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #B20606 0%,#B20606 50%,#C9110C 51%,#C9110C 100%); /* IE10+ */
background: linear-gradient(to bottom, #B20606 0%,#B20606 50%,#C9110C 51%,#C9110C 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#B20606', endColorstr='#C9110C',GradientType=0 ); /* IE6-8 */
height:30px;
width:340px;
font-size:16px;color:#fff;
-moz-border-radius: 6px 6px;
-webkit-border-radius: 6px 6px;
border-radius: 6px 6px;
border-color:#B20606;
}