/* CSS Document */

@import url("fancy.css");

/*DIVs
------------------------------------------------------------------------------------------------------------------*/

body {
	min-width:640px;
	color:#333333;
	background-color:#FFFFFF;
	font:12px Verdana, Arial, Helvetica, sans-serif;
	margin:20px;
	padding:0px;}

#top-shell, #shell, #bottom-shell {	position:relative;	left:0;	top:0;}

#shell {background : #fff;	border:1px solid #ccc;	border-top : none;	clear : both;	margin : 10px;	padding : 15px;	width:800px;}


#header,
#leftsection,
#content,
#sub-section,
#footer {
	padding: 10px 10px 10px 10px;
	margin: 0px 0px 0px 0px;
	display:inline-block; 
	font-family: Arial, Sans-serif;
	font-size: 12px;	
	color: #808080;}/* safari and opera need this */

#top-shell, #footer {width:100%;}



#leftsection, #content, #sub-section {float:left;}

#leftsection {width:45%;}

/*-------------------------------1st column Styling----------------------------- */

#leftsection h1 {
	font:bold 36px Verdana, Arial, Helvetica, sans-serif;
	color:#4049FF;
	margin:0px 0px 15px 0px;
	padding:0px;}
	
#leftsection h2 {
	font:28px Verdana, Arial, Helvetica, sans-serif;
	padding:0px; 
	margin-top: 10px; 
	margin-bottom: 10px;
	font-weight: 800;
	color: #4049FF;}	
	
#leftsection h3 {
	font:18px Verdana, Arial, Helvetica, sans-serif;
	padding:0px; 
	margin-bottom: 0px;
	border-bottom: 1px soid #4049FF;
	font-weight: 800;
	color: #4049FF;}		

/*-------------------------------2nd Column Styling----------------------------- */

#content {width:25%;}

#content p {font:13px Verdana, Arial, Helvetica, sans-serif; padding:0px; font-weight: 300; color: #fff;}

#content h2.orange_bg { 
	background-image: url(./img/dl_headbutton_orange.png); 
	background-repeat: no-repeat; 
	text-align: center;
	font-size: 18px; 
	width: 190px;
	height: 30px;
	padding-top:5px;
	color: #FFFFFF;
	margin: 5px 5px;} 
	
#content h4 {font:12px/20px Verdana, Arial, Helvetica, sans-serif;padding:0px; margin-bottom: 1em;text-align: center;font-weight: 500;color: #fff;background-color:#3366CC;}
#content h4 a {text-decoration: none;color: #fff;background-color:#3366CC;padding: 0px;margin-top: 5px; }
#content h4 a:hover {font-weight: 900;}

#content h5 {font:12px/20px Verdana, Arial, Helvetica, sans-serif;padding:0px; margin-bottom: 1em;
text-align: center;font-weight: 500;color: #fff;background-color:#3366CC;}
#content h5 a {text-decoration: none;padding: 0px;margin-top: 5px;color: #fff;background-color:#3366CC;}
#content h5 a:hover {font-weight: 900;}

#content1 {width:23%;}

#content a img {float:center;border:0px; max-width: 200px;}

/*?????j???[*/
#content .box{
	margin: 15px 0px 0px 0px;
	padding: 0px;
	background-color: #ffffff;
	text-align: center;
	border: 1px solid #efefef;
	width: 198px;
}

#content .title{
	margin: 0px;
	padding: 5px;
	background:url("img/box_blue.gif") top repeat-x;
	text-align: center;
	width: 178px;
	 _width: 198px;
}

#content .title a {
	color: #ffffff;
	
	font-weight: bold;
	font-size:13px;
	width: 178px;
	 _width: 198px;
}

#content .title a:hover {font-size:14px;background-color:#3366CC;}

#content .box ul{
	margin: 5px 0px 5px 10px;
	text-align: left;
	list-style:none;

}

#content li{
	padding: 5px;
	color: #000000;
	font-size:12px;
	font-weight: normal;
	color: #333333;
	
}

#content ul.red_arrow{margin:10px;padding:0px;list-style:none;}
#content ul.red_arrow li{background:url("http://www.derivativeslawyer.com/img/red_arrow.jpg") left no-repeat; 
padding-left:20px;line-height: 13px; margin-bottom: 5px;}

#content ul.blu_arrow{margin:10px;padding:0px;list-style:none;}
#content ul.blu_arrow li{background:url("../img/blu_arrow.jpg") left no-repeat; 
padding-left:20px;line-height: 13px; margin-bottom: 5px;}

#content p.bottom-heading {	border-bottom: 1px solid #efefef;	margin-top: 0.5em;margin-bottom: 1em;}


#top{ float: right; text-align: right;  }
#top a {color: #808080; margin: 0 5px 0 5px; background: #fff url(./prc/toparrow.png) no-repeat center left; padding: 0 5px 0 10px; }




/*-------------------------------3rd Column Styling----------------------------- */

#sub-section {width:20%;}
#sub-section h1 {font-size: 26px;line-height: 32px; margin: 0;padding-top: 0px;font-weight: bold; text-align: center;}
#sub-section h1 a {text-decoration: none;color: #ff0000; background-color:#FFF; }
#sub-section h1 a:hover {color: #fff; background-color:#FF0000;}

#sub-section h2 {font: bold 24px/28px; font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif; font-weight: 900;background-color:#FFF; }
#sub-section h2 a {text-decoration: none;color: #808080;}
#sub-section h2 a:hover {color: #DC143C; background-color:#FFF; }

#sub-section h3 {font: bold 18px/24px font-family: "Gill Sans", Verdana, Arial, Helvetica, sans-serif; font-weight: 700;background-color:#FFF; }
#sub-section h3 a {text-decoration: none; color:#DC143C;}
#sub-section h3 a:hover {color: #fff;background-color:#DC143C; }

#sub-section ul.red_arrow{margin:10px;padding:0px;list-style:none;}
#sub-section ul.red_arrow li{background:url("http://www.derivativeslawyer.com/img/red_arrow.jpg") left no-repeat; 
padding-left:20px;line-height: 13px; margin-bottom: 5px;}

#sub-section ul.grey_arrow li {list-style: url(./img/grey_arrow.png); margin-left:20px;line-height: 15px;  margin-bottom: 5px;}

#footer {clear:both; border-top: 6px solid #4049FF;	font-size: 11px;} 


/*Titles and Sub-titles
------------------------------------------------------------------------------------------------------------------*/

h1 {
	font:bold 36px Verdana, Arial, Helvetica, sans-serif;
	color:#4049FF;
	margin:0px 0px 15px 0px;
	padding:0px;}

h1.branding {
	font: bold 36px/54px Verdana, Arial, Helvetica, sans-serif;
	color: #4049FF;
	margin:0px 0px 5px 0px;
	padding:0px;}

h1.sub-branding {
	font: bold 20px/20px Verdana, Arial, Helvetica, sans-serif;
	color: #4049FF;
	margin:0px 0px 5px 0px;
	padding:0px;}

h1.latest {
	font: bold 32px;
	margin-top: 1em;
	margin-bottom: 1em;}
	
h2 {
	font:bold 28px/24px Verdana, Arial, Helvetica, sans-serif;
	color: #4049FF;margin:0px 0px 5px 0px;
	padding:0px;}

h3 {
	font:bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #4049FF;margin:0px 0px 5px 0px;
	padding:0px;}

h4 {
	font:bold 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #666699;}

h4.subsec {
	font:12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#3366CC;
	padding:5px;
	margin-top: 2em;
	margin-bottom: 1em;}

h4.subsec1 {
	font:12px/12px Verdana, Arial, Helvetica, sans-serif;
	color: #fff;
	background-color:#3366CC;
	padding:5px;
	margin-bottom: 1em;}

h4.red {
	font:bold 24px/24px Gill Sans, Verdana, Arial, Helvetica, sans-serif;
	color: #808080;
	font-weight: 900;}

h4.china {
	font:bold 18px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FF0000;
	color: #FFF;
	padding:15px;
	line-height:130%;
	text-align: center;
	}

h4.japan {
	font:bold 18px/18px Verdana, Arial, Helvetica, sans-serif;
	background-color:#FFF;
	color: #FF0000;
	padding-left:15px;
	padding-right:15px;
	line-height:130%;
	text-align: center;
	}
	

h5 {
	font: italic 14px/14px Verdana, Arial, Helvetica, sans-serif;
	color: #4049FF;margin:0px 0px 5px 0px;
	padding:0px;}



p {
	font:11.5px/20px Verdana, Arial, Helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;}

p.bottom {
	border-bottom: 1px dashed #0066CC;
	margin-top: 5px;}

p.bottom-right {
	border-bottom: 1px dashed #0066CC;
	margin-top: 0.5em;margin-bottom: 1em;}

p.intro {
	background-color:#F5F5F5; 
	padding: 10px;}

p.more {
	text-align: right;}

p.headline {
	font:14px Verdana, Arial, Helvetica, sans-serif;
	font-style: bold;
	margin:0px 0px 16px 0px;
	padding:0px;}
	
p.headline em {border-bottom: 1px dotted #4049FF;}	

p em {border-bottom: 1px dotted #4049FF;}	
	
p.popular {font-size: 12px; line-height:1.4;color: #4049FF;}
p.popular em, {font-size: 20px; font-weight:300; text-decoration:none; font-style: normal; border: 0px}	

acronym, abbr { border-bottom: 1px dotted #4049FF; cursor: help; font-style: normal; }

blockquote {font-style: italic; margin-left: 10px; font-size: 95%;}
blockquote p {font-style: italic; margin-left: 0px; margin-bottom: 1em; font-size: 110%; color: #4049FF;}


/*links
------------------------------------------------------------------------------------------------------------------*/

a {text-decoration:none;}

p a {color:#4049FF;	font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
p a:link {color:#4049FF;font-weight: 400;}
p a:visited {color:#4049FF;	font-weight: 400;text-decoration: none;}
p a:hover {background-color:#4049FF; color: #FFFFFF;font-weight: 400;}

ul a {color:#4049FF;	font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
ul a:link {color:#4049FF;font-weight: 400;}
ul a:visited {color:#4049FF;	font-weight: 400;text-decoration: none;}
ul a:hover {background-color:#4049FF; color: #FFFFFF;font-weight: 400;}

#footer a {color:#4049FF;	font-weight:400;font-family:Verdana, Arial, Helvetica, sans-serif;text-decoration:none;}
#footer a:link {color:#4049FF;font-weight: 400;}
#footer a:visited {color:#4049FF;	font-weight: 400;text-decoration: none;}
#footer a:hover {background-color:#4049FF; color: #FFFFFF;font-weight: 400;}



/*list
------------------------------------------------------------------------------------------------------------------*/

li {line-height:1.5;font-size:12px;}

img {float:left;border:0px margin:0px 0px 15px 20px;}

ul.disc 
{list-style-type: disc;}

ul.circle 
{list-style-type: circle;}

ul.square 
{list-style-type: square;}

ul.none 
{list-style-type: none;
text-indent: -1em;
padding-left: 1em;}


/*pullquote
------------------------------------------------------------------------------------------------------------------*/

.pullquote {
width: 80%;
float:center;
font-size:145%;
color:#C11B17;
line-height:130%;
margin:20px;
background: url(http://www.derivativeslawyer.com/img/grq.gif) no-repeat bottom right !important;
background /**/:url(); /* Disabling quote effect in IE5 + */
padding:10px 25px 5px 0px;
}
.pullquote:first-letter {
background: url(http://www.derivativeslawyer.com/img/glq.gif) no-repeat left top!important;
padding:5px 2px 10px 35px!important;
padding /**/:0px; /* Disabling quote effect in IE5 + */
background /**/: url(); /* Disabling quote effect in IE5 + */
}



/*mainnavi
------------------------------------------------------------------------------------------------------------------*/


#mainnavi {
	border-bottom : 1px solid #ccc;
	margin-top : 10px;
	padding-bottom : 19px;
	padding-left : 10px;
	font-size : 0.8em;
}

#mainnavi ul, #mainnavi li	{
	display : inline;
	list-style-type : none;
	margin : 0;
	padding : 0;
}

	
#mainnavi a:link, #mainnavi a:visited	{
	background : #E8EBF0;
	border : 1px solid #ccc;
	color : #666;
	float : left;
	font-size : small;
	font-weight : normal;
	line-height : 14px;
	margin-right : 8px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#mainnavi a:link.active, #mainnavi a:visited.active	{
	background : #fff;
	border-bottom : 1px solid #fff;
	color : #000;
}

#mainnavi a:hover	{
	color : #f00;
}

	
body.section-1 #mainnavi li#nav-1 a, 
body.section-2 #mainnavi li#nav-2 a,
body.section-3 #mainnavi li#nav-3 a,
body.section-4 #mainnavi li#nav-4 a, 
body.section-4 #mainnavi li#nav-5 a,
body.section-4 #mainnavi li#nav-6 a, {background : #fff;	border-bottom : 1px solid #fff;	color : #000;}

#mainnavi #subnav-1,
#mainnavi #subnav-2,
#mainnavi #subnav-3,
#mainnavi #subnav-4 {display : none;width: 90%;}

body.section-1 #mainnavi ul#subnav-1, 
body.section-2 #mainnavi ul#subnav-2,
body.section-3 #mainnavi ul#subnav-3,
body.section-4 #mainnavi ul#subnav-4 {display : inline;	left : 10px; position : absolute; top : 95px;}

body.section-1 #mainnavi ul#subnav-1 a, 
body.section-2 #mainnavi ul#subnav-2 a,
body.section-3 #mainnavi ul#subnav-3 a,
body.section-4 #mainnavi ul#subnav-4 a {
	background : #fff;
	border : none;
	border-left : 1px solid #ccc;
	color : #999;
	font-size : smaller;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

 #mainnavi ul a:hover {color : #f00 !important;}


/*drop shadow box
------------------------------------------------------------------------------------------------------------------*/

.shiftcontainer1{
position: relative;
left: 3px; /*Number should match -left shadow depth below*/
top: 3px; /*Number should match -top shadow depth below*/
}

.shadowcontainer1{
width: 350px; /* container width*/
background-color: #d1cfd0;
}

.shadowcontainer1 .innerdiv1{
/* Add container height here if desired */
background-color: white;
border: 1px solid gray;
padding: 10px;
position: relative;
left: -3px; /*shadow depth*/
top: -3px; /*shadow depth*/
}

/*-------------------------------round corner CSS----------------------------- */


div#nifty{background: #F5F5F5; width:450px;}

b.rtop, b.rbottom{display:block;background: #FFF}
b.rtop b, b.rbottom b{display:block;height: 1px;
    overflow: hidden; background: #F5F5F5}
b.r1{margin: 0 5px}
b.r2{margin: 0 3px}
b.r3{margin: 0 2px}
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}

div#nifty40{background: #F5F5F5; width:400px;}

div#nifty20{background: #F5F5F5; width:160px;}

div#nifty20right{background: #F5F5F5; width:160px; float:right; padding: 10px;}

/*-------------------------------Grey round corner----------------------------- */

rounddiv{display:block}
.rounddiv *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#efefef;}
.rounddiv1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;
  background:#f3f3f3;}
.rounddiv2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fdfdfd;
  border-right:1px solid #fdfdfd;
  background:#f2f2f2;}
.rounddiv3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #f2f2f2;
  border-right:1px solid #f2f2f2;}
.rounddiv4{
  border-left:1px solid #f8f8f8;
  border-right:1px solid #f8f8f8;}
.rounddiv5{
  border-left:1px solid #f3f3f3;
  border-right:1px solid #f3f3f3;}
.rounddivfg{
  background:#efefef; padding: 10px;}
  


/*-------------------------------dogear corner box CSS----------------------------- */


.curlycontainer{
border: 1px solid #b8b8b8;
margin-bottom: 1em;
width: 300px;
}

.curlycontainer .innerdiv{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 1px 4px 15px 5px;
}

.curlycontainer{
border: 1px dotted solid #b8b8b8;
margin-bottom: 1em;
width: 160px;
}

.curlycontainer .innerdiv{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 10px 4px 15px 5px;
}

.curlycontainer1{
border: 1px dotted solid #b8b8b8;
margin-bottom: 1em;
width: 200px;
float: right;
padding: 5px;
}

.curlycontainer1 .innerdiv1{
background: transparent url(http://www.ibk-lawyers.com/pixies/brcorner.gif) bottom right no-repeat;
position: relative;
left: 2px;
top: 2px;
padding: 10px 4px 15px 5px;
}

/*-------------------------------TABLE----------------------------- */

table.dl {
    width: 530px;
    border: 1px #E3E3E3 solid;
    border-collapse: collapse;
    border-spacing: 0;
}

table.dl th {
    padding: 5px;
    border: #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    background: #F5F5F5;
    font-weight: bold;
    line-height: 120%;
    text-align: center;
    white-space: nowrap; 
}
table.dl td {
    padding: 5px;
    border: 1px #E3E3E3 solid;
    border-width: 0 0 1px 1px;
    text-align: center;
    white-space: nowrap;
}

/* *************************sidebox******************************* */

#sub-section div.sidebox {
  margin: 1em 0;
  border: solid 1px #ebebeb;
  }

#sub-section div.sidebox h3 {
  margin: 0 0 5px 0;
  font:14px Verdana, Arial, Helvetica, sans-serif;
  background: #7CA8C5;
  padding: 5px 15px;
  color: #FFF;
}

#sub-section div.sidebox h2 {
  margin: 0 0 1em 5px;
  color: #FF6464;
  font-style: bold; 
}

#sub-section div.sidebox p {
  
  padding: 5px;
}

#sub-section div.sidebox ol {
  margin-left: 0;
  padding-left: 0;
}

#sub-section div.sidebox ol li {
  margin-left: 60px;
  list-style: outside decimal;
}

#content div.sidebox {
  margin: 1em 0;
  border: solid 1px #ebebeb;
  }

#content div.sidebox h3 {
  margin: 0 0 5px 0;
  background: #A4D3EE;
  padding: 5px 15px;
  font:14px Verdana, Arial, Helvetica, sans-serif;
  color: #FFF;
}

#content div.sidebox h2 {
  margin: 0 0 1em 5px;
  color: #FF6464;
  font-style: bold; 
}

#content div.sidebox p {
  
  padding: 5px;
}

#content div.sidebox ol {
  margin-left: 0;
  padding-left: 0;
}

#content div.sidebox ol li {
  margin-left: 40px;
  list-style: outside decimal;
}



/*normalise
------------------------------------------------------------------------------------------------------------------*/


/*normalises margin, padding */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, h7, pre, form, fieldset, input, p, blockquote, th, td {
	margin: 0;
	padding: 0;}

/* normalises font-size for headers */

h1, h2, h3, h4, h5, h6, h7 {
	font-size: 100%;}

/* removes list-style from lists  */

ol, ul {
	list-style: none;}

/* normalises font-size and font-weight to normal */

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;}

/* removes list-style from lists  */

table {
	border-collapse: collapse;
	border-spacing: 0;}

/* removes border from fieldset and img  */

fieldset, img {
	border: o;}

/* left-aligns text in caption and th */

caption, th {text-align: left;}

/* remove quotation marks from q */

q:before, q: after {content: '';}

html {text-align: center;}

body {width: 800px;	margin: 0 auto;	text-align: left;
	position: relative;}