/*	----------------------------------- 
	Ideal Master Css File
	October 2009
	----------------------------------- */ 


/*	----------------------------------- 
	Reset
	----------------------------------- */ 

*{padding:0;margin:0;} 

a img{border:0!important;}
ul{list-style:none;}

body{
	font-family:Helvetica, Arial, sans-serif;
	font-size:62.5%;
}
a:active{outline:0;}
/*	----------------------------------- 
	Reusable Styles
	----------------------------------- */ 
	
img.right{float:right;margin:0 0 18px 20px;}
img.left{float:left;margin:0 20px 18px 0;}
div.clearfix{clear:both!important;}
.hidden{display:none;}

a.delete{background:url(../img/icons/delete.png) left center no-repeat;padding:2px 0 2px 20px;}
a.add{background:url(../img/icons/add.png) left center no-repeat;padding:2px 0 2px 20px;}
abbr{cursor:help;}

/*	----------------------------------- 
	Typography
	----------------------------------- */ 

h1{
	font-size:2.4em;
	line-height:36px;
	letter-spacing:-1px;
	padding:9px 0;
	}
h2{
	font-size:1.8em;
	line-height:18px;
    padding:9px 0;
	}
h3{
	font-size:1.4em;
	line-height:18px;
    padding:9px 0;
	}
h4{
	font-size:1.4em;
	line-height:18px;
}	
p{font-size:1.2em;line-height:18px;}
a, a:link, a:visited{}

/*table{font-size:1.2em;border:1px solid #ccc;}
th,td{border-bottom:1px solid #ccc;padding:2px;}
*/


/* ================ */
/* = The 1Kb Grid = */     /* 12 columns, 60 pixels each, with 20 pixel gutter */
/* ================ */

.grid-1 { width:60px; }
.grid-2 { width:140px; }
.grid-3 { width:220px; }
.grid-4 { width:300px; }
.grid-5 { width:380px; }
.grid-6 { width:460px; }
.grid-7 { width:540px; }
.grid-8 { width:620px; }
.grid-9 { width:700px; }
.grid-10 { width:780px; }
.grid-11 { width:860px; }
.grid-12 { width:940px; }

.column {
	margin: 0 10px;
	overflow: hidden;
	float: left;
	display: inline;
}
.row {
	width: 960px;
	margin: 0 auto;
	overflow: hidden;
}
.row .row {
	margin: 0 -10px;
	width: auto;
	display: inline-block;
}

/*	----------------------------------- 
	Layout
	----------------------------------- */ 

/*
.left{float:left;}
.right{float:right;}
.row {overflow:hidden!important;}
*/

body{margin:9px 0;}

#wrapper{width:980px;margin:0 auto;}


#logo img{padding:16px 12px;}


#footer{clear:both;padding:18px 0;}
#footer p{
	font-size:1.1em;
	line-height:18px;
}	
#copyright{}
#footer-links{text-align:right!important;}
#footer-links ul{line-height: 18px;float:right;}
#footer-links ul li{display:block;float:left;margin-left:10px;}


/*	----------------------------------- 
	Navigation
	----------------------------------- 

#navigation{overflow:hidden;text-transform:uppercase;}
#navigation ul{font-size:1.2em;margin:76px 10px 9px 0px;text-align:right;overflow:hidden;float:right;}
#navigation ul li{display:inline-block;float:left;}
#navigation ul li a{display:block;padding:0 10px;text-decoration:none;font-weight:bold;}

*/ 

/*	----------------------------------- 
	Greeting
	----------------------------------- */ 
	
#greeting{text-align:right;padding-top:56px;}
#change-password-link{padding-right:5px;}

/*	----------------------------------- 
	Menu
	----------------------------------- */ 

#menu{} /* see superfish.css */ 

/*	----------------------------------- 
	Content
	----------------------------------- */ 
	
#content{padding:18px 0px;} /* 900px remaining for content */
#content p{margin-bottom:18px;}
#content ul, #content ol, #content dl{line-height:18px;font-size:1.2em;margin-bottom:18px;}
#content ul{list-style:disc;}
#content ul, #content ol{margin-left:1.6em;}
#content ul.ui-tabs-nav {list-style:none!important;}
#content ul.ui-tabs-nav a{color:#333;}

#breadcrumb{clear:both;overflow:hidden;}
#breadcrumb ul{font-size:11px;list-style:none;margin:0 0 18px 0;padding:0;overflow:hidden;}
#breadcrumb ul li{display:block;float:left;padding-right:5px;margin-right:0px;}
#breadcrumb ul li a{padding-right:2px;}


.disclaimer p{font-size:1.1em;margin-bottom:0px;}

p.teaser-text{font-size:1.6em;}
p.intro{
    font-size:1.8em!important;
    line-height:24px!important;
    font-family:Georgia;
    letter-spacing:auto;
    font-style:italic;
    padding:18px 20px;}
p.interlude{
    font-size:1.8em!important;
    line-height:24px!important;
    font-family:Georgia;
    letter-spacing:auto;
    font-style:italic;
    padding:0;    
}

span.file{display:block;}
span.file a{font-size:12px!important;padding:3px 0 3px 20px;line-height:18px;background-position:center left;background-repeat:no-repeat;}
span.file img{display:none!important;}
span.filesize{}
span.file a[href$='.doc'] {background-image:url(../img/page_white_word.png);}
span.file a[href$='.docx'] {background-image:url(../img/page_white_word.png);}
span.file a[href$='.xls'] {background-image:url(../img/page_white_excel.png);}
span.file a[href$='.xlsx'] {background-image:url(../img/page_white_excel.png);}
span.file a[href$='.pdf'] {background-image:url(../img/page_white_acrobat.png);}

/* Tables */

 
table{
	width:100%;
	border-left:1px solid #ccc;
	border-top:1px solid #ccc;
	margin-bottom:18px;
	border-spacing:0;
	}

th{}

th{
    font-size:12px;
    font-weight:bold;
	background-color:#eee;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	padding:5px 4px 5px 4px;
	text-align:left;
	}
td{
    font-size:11px;
	padding:4px;
	border-bottom:1px solid #ccc;
	border-right:1px solid #ccc;
	}
tfoot td{background-color:#eee;	padding:5px 4px 5px 4px;}

.alignleft{text-align:left;}
.aligncenter{text-align:center;}
.alignright{text-align:right;}

.negative, .decrease{color:red;}
.positive, .increase{color:green;}

td.decrease{background-color:#ffb4b4;}
td.increase{background-color:#b4ffb4;}

.loading{visibility:hidden;width:80px;font-size:1.1em;line-height:18px;padding:9px 0;background:url(../img/icon-loading.gif) right no-repeat;}

.refreshing{background:url(../img/icon-loading.gif) right no-repeat;padding:9px 20px 9px 0;display:none;}

.one-col{width: 71px;text-align:center;}
.two-col{width:151px;text-align:left;}
.three-col{width: 221px;text-align:center;font-size:11px;}


/* Definition Lists */
dt{font-weight:bold;float:left;width:150px;}
dd{margin-bottom:9px;padding-left:2em;}


/*	----------------------------------- 
	Forms
	----------------------------------- */ 


/* Form Elements */
form{}
fieldset{border:0;border-top:1px solid #ccc;margin-bottom:18px;}
legend{font-size:1.4em;display:block;padding:0.9em 0;font-weight:bold;}
form ul{font-size:1em!important;margin-bottom:0!important;margin-left:0!important;}
form ol{font-size:1.2em;padding-left:1em;margin-left:1em;margin-bottom:18px;}
form ol li{line-height:24px;}
form label{font-size:1.2em;display:block;font-weight:bold;line-height:18px;}
form ul label{font-weight:normal;margin-right:5px;}
div.form-field{margin-bottom:18px;}
input.date, input.amount, .text, .selectmultiple{padding:4px;border:1px solid #ccc;}

div.checkbox{margin-bottom:0px;}
div.checkbox label{display:inline;font-weight:normal;margin-left:5px;}

div.inline ul, div.inline ul li, div.inline ul li label{display:inline!important;}
div.inline ul{font-size:1em!important;}

div.submit-field{text-align:right;}
div.submit-field input{font-size:1.2em;}

/* Form Layout */
.grid-6 input.text, .grid-6 textarea{width:450px;}
.grid-4 input.text, .grid-4 textarea, .grid-4 .selectmultiple{width:290px;}
.grid-3 input.text{width:210px;}
.grid-2 input.text, .grid-2 input.date, .grid-2 input.amount{width:130px;}

.grid-2 select{width:140px;}
.selectmultiple{height:120px;}

/* System Messages */

ul.errorlist, ul.messagelist{
    font-size:1.1em!important;
    margin-left:0!important;    
    list-style:none!important;
}
ul.errorlist li, ul.messagelist li{
    padding:4px 5px 4px 1.8em;
    margin-bottom:2px;
    line-height:18px;
    background-position:0 0.3em;    
    background-repeat:no-repeat;
}
ul.errorlist{color:#E3655A;}
ul.errorlist li{
    background-image:url(../img/icon-exclamation.png);    
    }

ul.messagelist li{
    background-color:#FFFFCC;
    background-image:url(../img/icon-accept.png);    
    color:#666666;
}

/* Help Text*/
span.helptext:before{content: "(";}
span.helptext:after{content: ")";}


/*	----------------------------------- 
	Sidebar
	----------------------------------- */ 

#sidebar h3{padding:4px 10px;font-weight:normal;line-height:18px;margin-bottom:2px;font-size:1.2em;}	
div.module{margin-bottom:18px;}
div.module p, .module ul{font-size:1.1em;padding:6px 10px;}	


/*	----------------------------------- 
	Submenu
	----------------------------------- */ 
#submenu{margin-bottom:18px;}
#submenu li{font-size:12px!important;}
#submenu ul{
    margin:0px!important;
    }
#submenu ul li a{
    display:block;
    padding:3px 10px;
    margin-bottom:2px;
    text-decoration:none;
    }    

/*	----------------------------------- 
	DataTables
	----------------------------------- */ 

.dataTables_wrapper{overflow:hidden;}
.dataTables_info, .dataTables_length, .dataTables_filter{margin:0px 0 18px 0;font-size:1.1em;}
.dataTables_filter input{padding:2px;border:1px solid #ccc;}
.dataTables_paginate{}
.dataTables_info{float:left;}

.grid-12 .dataTables_info {width:908px;}
.grid-3 .dataTables_info{ width:188px; }
.grid-4 .dataTables_info{ width:268px; }
.grid-6 .dataTables_info{ width:428px; }
.grid-8 .dataTables_info{ width:588px; }

.paging_two_button{width:32px;overflow:hidden;}
.paging_two_button div{width: 16px; height: 16px; background-image:url(../img/jquery-ui/ui-icons_222222_256x240.png);float:left;}
.paginate_disabled_previous{background-position: -144px -192px; opacity: .35; filter:Alpha(Opacity=35);}
.paginate_disabled_next{background-position: -112px -192px; opacity: .35; filter:Alpha(Opacity=35);}
.paginate_enabled_previous{background-position: -144px -192px;cursor:pointer;}
.paginate_enabled_next{background-position: -112px -192px;cursor:pointer;}

/*.sorting_asc{background:#eee url(../img/icons/arrow-down.png) 95% center no-repeat;}
.sorting_desc{background:#eee url(../img/icons/arrow-up.png) 95% center no-repeat;}
*/
.dataTables_wrapper th.sorting, .sorting_asc, .sorting_desc{cursor:pointer;}
td.sorting_1{}

/*	----------------------------------- 
	Buttons
	----------------------------------- */ 
ul.buttons{
    list-style:none;
    padding:0;
    margin:0px 0 18px 0!important;
    }
.buttons li{
    display:inline-block;
    background:url(../img/bg-button.png) center center repeat-x;
    padding:9px 0;
    border:1px solid #999;
    margin-right:3px;
}
.buttons li a, .buttons li a:link, .buttons li a:visited{
    font-weight:bold;
    color:#666!important;
    text-decoration:none;
    background-position:6px center;
    background-repeat:no-repeat;
    padding:10px 10px 10px 35px;
    }
    
.buttons li a:hover{color:#333!important;}    

/* Generic */
.buttons li a.add{background-image:url(../img/icons/chalkwork/add_24x24.png);}
.buttons li a.contact{background-image:url(../img/icons/chalkwork/contact_24x24.png);}
.buttons li a.search{background-image:url(../img/icons/chalkwork/search_24x24.png);}

/* ERM */
.buttons li a.add-contact{background-image:url(../img/icons/chalkwork/contact_add_24x24.png);}
.buttons li a.edit-cash{background-image:url(../img/icons/chalkwork/cash_edit_24x24.png);}


/* BDPMS */
.buttons li a.show-portfolio{background-image:url(../img/icons/chalkwork/account_24x24.png);}
.buttons li a.show-orders{background-image:url(../img/icons/chalkwork/document_24x24.png);}
.buttons li a.buy-bond{background-image:url(../img/icons/chalkwork/bonds_add_24x24.png);}
.buttons li a.sell-bond{background-image:url(../img/icons/chalkwork/bonds_remove_24x24.png);}
.buttons li a.fx{background-image:url(../img/icons/chalkwork/exchange_24x24.png);}