* { margin:0; padding:0;}
body { background:#fff; font-family:Arial; font-size:100%; line-height:0.875em; color:#333638;}

.clear { clear:both;}

.fleft { float:left;}
.fright { float:right;}

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

p { margin:0; padding:0;}



/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}

.form { height:26px;}
.form input {width:236px; height:18px; background:#fff; border:1px solid #303030; color:#333638; font-family:tahoma; font-size:1em;}
textarea { width:236px; height:69px; background:#fff; overflow:auto; border:1px solid #303030; color:#333638; font-family:tahoma; font-size:1em;}

/*==================list====================*/
ul { list-style:none;}

.footer_menu { margin-bottom:4px;}
.footer_menu li { display:inline;}
.footer_menu li a { background:url(images/footer_marker.gif) no-repeat right 5px; color:#00548b; text-decoration:none; font-weight:bold; padding:0 20px 0 19px;}
.footer_menu li a:hover { color:#000;}

.list1 li a { background:url(images/marker.gif) no-repeat 0 5px; padding-left:14px; line-height:1.63em; color:#333638;}


/*==================other====================*/
.img_indent { margin:0 20px 0 0; float:left;}

/*==================txt, links, lines, titles====================*/
a {color: #039;}
a:hover{text-decoration:none;}

/*h1 { background:url(images/logo.jpg) no-repeat left top; text-indent:-10000px; height:43px;}*/
h1 {
	font-size:1.9em;
	color:#106ac6;
	font-family:Arial, Helvetica, sans-serif
	line-height:1.9em;
}
#subtitle { 
	font-weight:bold; 
	font-size:1.4em; 
	color:#106ac6;
	font-family:Arial, Helvetica, sans-serif;
	line-height:1.4em;
}
h2 { 
	font-weight:bold; 
	font-size:1.1em; 
	color:#106ac6;
}

h3 { font-size:1em; margin-bottom:14px; font-weight:normal;}

.link1 { background:url(images/marker1.gif) no-repeat 0 4px; padding-left:14px;}
.link2 { background:url(images/marker.gif) no-repeat 0 5px; padding-left:14px; color:#333638; font-weight:bold;}

.title { margin-bottom:15px;}
.title1 { position:relative; top:-13px; left:-17px;}


/*==================blocks====================*/
.block { width:223px;}
.block .r { background:url(http://www3.scotiasystems.com/images/line1.gif) right top repeat-y;}
.block .b { background:url(http://www3.scotiasystems.com/images/line1.gif) left bottom repeat-x;}
.block .l { background:url(http://www3.scotiasystems.com/images/line1.gif) left top repeat-y;}
.block .t { background:url(http://www3.scotiasystems.com/images/line1.gif) left top repeat-x;}
.block .l_t { background:url(http://www3.scotiasystems.com/images/l_t.gif) no-repeat left top;}
.block .r_t { background:url(http://www3.scotiasystems.com/images/r_t.gif) no-repeat right top;}
.block .r_b { background:url(http://www3.scotiasystems.com/images/r_b.gif) no-repeat right bottom;}
.block .l_b { background:url(http://www3.scotiasystems.com/images/l_b.gif) no-repeat left bottom;}
.block .arrow { background:url(http://www3.scotiasystems.com/images/arrow.gif) no-repeat 48px top;}
.block .marks { background:url(http://www3.scotiasystems.com/images/marks.gif) no-repeat 147px 19px;}
.block .ind { padding:21px 25px 33px 29px;}

.block1 {width:249px; background:url(images/block1_bgd.gif) left bottom repeat-x #fff;}
.block1 .r { background:url(http://www2.scotiasystems.com/images/r1.gif) right top repeat-y;}
.block1 .l { background:url(http://www2.scotiasystems.com/images/l1.gif) left top repeat-y;}
.block1 .t { background:url(http://www2.scotiasystems.com/images/line1.gif) left top repeat-x;}
.block1 .right_line { background:url(http://www2.scotiasystems.com/images/right_line.gif) no-repeat right bottom;}
.block1 .left_line { background:url(http://www2.scotiasystems.com/images/left_line.gif) no-repeat left bottom;}
.block1 .l_t { background:url(http://www2.scotiasystems.com/images/l_t_1.gif) no-repeat left top;}
.block1 .r_t { background:url(http://www2.scotiasystems.com/images/r_t_1.gif) no-repeat right top;}
.block1 .r_b { background:url(http://www2.scotiasystems.com/images/r_b_1.gif) no-repeat right bottom;}
.block1 .l_b { background:url(http://www2.scotiasystems.com/images/l_b_1.gif) no-repeat left bottom;}
.block1 .ind { padding:0 25px 36px 36px;}


/*header*/
#header .row_1 { height:239px; background:url(http://www1.scotiasystems.com/images/header_bgd.jpg) left top no-repeat;}
#header .row_1 .indent {padding-left:57px; height:113px;}
#header .row_1 .indent1 { padding-left:44px;}
#header .row_1 img { margin-right:1px;}
#header .row_1 .indent {}
#header .row_2 { height:71px;}

/*content*/
#content { padding-bottom:23px;}

/*footer*/
#footer .indent { padding:21px 0 0 4px; text-align:center;}
#footer span a { color:#427b20;}



/*================== index.html ==================*/
#page1 #content .col_1 { padding-top:12px;}
#page1 #content .col_1 .title { margin-bottom:18px;}
#page1 #content .col_1 p { margin-bottom:8px;}
#page1 #content .col_2 .indent { padding:16px 0 0 0;}
#page1 #content .col_2 .indent1 { padding-left:3px; padding:0 0 31px 3px;}
#page1 #content .col_2 p { margin-bottom:6px;}
#page1 #content .col_2 .p1 { margin-bottom:20px;}
#page1 #content .col_2 ul { margin-bottom:5px;}
#page1 #content .col_2 .container { width:505px;}
#page1 #content .col_2 .column1 { width:256px;}
#page1 #content .col_2 .column2 { width:249px;}

/*================== # ==================*/
#page2 #content { padding-bottom:24px;}
#page2 #content .col_1 .indent { padding:16px 30px 0 29px;}
#page2 #content .col_1 .title { margin-bottom:17px;}
#page2 #content .col_1 .img_indent { margin:2px 20px 8px 0;}
#page2 #content .col_1 p { margin-bottom:9px;}
#page2 #content .col_2 { padding:14px 0 0 0;}
#page2 #content .col_2 .block1 .ind { padding-right:10px;}

/*================== # ==================*/
#page3 #content .col_1 { padding-top:12px;}
#page3 #content .col_1 .block1 { width:246px;}
#page3 #content .col_1 .title1 { top:-15px; left:-14px;}
#page3 #content .col_1 .block1 .ind {padding:0 15px 34px 30px;}
#page3 #content .col_1 p { margin-bottom:8px;}
#page3 #content .col_1 .p1 { margin-bottom:14px;}
#page3 #content .col_2 { padding-top:16px;}
#page3 #content .col_2 .indent { padding:0 0 51px 0;}
#page3 #content .col_2 p { margin-bottom:6px;}
#page3 #content .col_2 .title { margin-bottom:18px;}
#page3 #content .col_2 .p1 { margin-bottom:20px;}

/*================== # ==================*/
#page4 #content .col_1 .indent { padding:16px 35px 54px 29px;}
#page4 #content .col_1 ul { margin:2px 0 3px 0;}
#page4 #content .col_1 .title { margin-bottom:17px;}
#page4 #content .col_1 .container { width:505px;}
#page4 #content .col_1 .column1 { width:253px;}
#page4 #content .col_1 .column1 .block1 { width:246px;}
#page4 #content .col_1 .column1 .block1 .ind { padding:0 25px 28px 33px;}
#page4 #content .col_1 .column1 ul { margin:5px 0 8px 0;}
#page4 #content .col_1 .column2 { width:249px;}
#page4 #content .col_1 .column2 .title1 { left:-14px;}
#page4 #content .col_1 .column2 .block1 .ind { padding:0 5px 38px 33px;}
#page4 #content .col_1 .column2 p { margin:3px 0 20px 0;}
#page4 #content .col_2 { padding-top:16px;}
#page4 #content .col_2 .title { margin-bottom:14px;}
#page4 #content .col_2 p { margin-bottom:12px;}
#page4 #content .col_2 .p1 { margin:12px 0 7px 0;}

/*================== # ==================*/
#page5 #content .col_1 { padding-top:16px;}
#page5 #content .col_1 .block1 { width:246px;}
#page5 #content .col_1 .title1 { top:-15px; left:-14px;}
#page5 #content .col_1 .block1 .ind {padding:0 15px 24px 30px;}
#page5 #content .col_1 p { margin-bottom:8px;}
#page5 #content .col_1 .p1 { margin-bottom:14px;}
#page5 #content .col_2 { padding-top:16px;}
#page5 #content .col_2 .indent { padding:0 10px 51px 0;}
#page5 #content .col_2 p { margin-bottom:24px;}
#page5 #content .col_2 .img_indent { margin:0 18px 0 -1px;}
#page5 #content .col_2 .p1 { margin-bottom:14px;}

/*================== # ==================*/
#page6 #content .col_1 .indent { padding:16px 0 45px 29px;}
#page6 #content .col_1 p { margin-bottom:14px;}
#page6 #content .col_1 .p1 { margin-bottom:40px;}
#page6 #content .col_1 .title1 { left:-12px;}
#page6 #content .col_1 .block1 { width:304px;}
#page6 #content .col_1 .block1 .ind {padding:0 26px 34px 28px;}
#page6 #content .col_1 .alignright { margin:5px 13px 0 0;}
#page6 #content .col_2 { padding-top:12px;}
#page6 #content .col_2 .block1 { width:426px;}
#page6 #content .col_2 .title1 { top:-16px; left:-14px;}
#page6 #content .col_2 .ind { padding:0 25px 46px 33px;}
#page6 #content .col_2 p { margin-bottom:14px;}

/*================== # ==================*/
#page7 #content .indent { padding:16px 20px 3px 29px;}
#page7 #content .title { margin-bottom:14px;}
#page7 #content p { margin-bottom:9px;}



/*================== # ==================*/
#navcontainer
{
margin: 0px;
padding: 0px;
}

#navcontainer ul
{
margin: 0px;
padding: 0px;
list-style-type: none;
font-family:Arial, Helvetica, sans-serif;
text-align: center;
}

a#menu 
{
	color:#000;
}

#navcontainer ul li { float: left; }

#navcontainer ul li a
{
text-decoration: none;
background: url(/images/Tab.png) no-repeat top left;
font-size: 15px;
line-height:20px;
float: left;
margin: 0px;
height: 67px;
width: 128px;
padding-top: 13px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}

#navcontainer li a:hover
{
background: url(/images/Tab-Selected.png) no-repeat left top;
color: #FFFFFF;
}

#navcontainer ul li a#current
{
background: url(/images/Tab-Selected.png) no-repeat left top;
color: #FFFFFF;
}


.wrap1, .wrap2, .wrap3 {
  display:inline-table;
  /* \*/display:block;/**/
  }
  
.wrap1_large {
  float:left;
  background:url(/images/shadows/dark/shadow_large.gif) right bottom no-repeat;
}

.wrap1 {
  float:left;
  background:url(/images/shadows/dark/shadow.gif) right bottom no-repeat;
}
  
.wrap2 {
  background:url(/images/shadows/dark/corner_bl.gif) left bottom no-repeat;
 }
  
.wrap3 {
  padding:0 10px 10px 0;
  background:url(/images/shadows/dark/corner_tr.gif) right top no-repeat;
}


#rounded-corner
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	text-align: left;
	border-collapse: collapse;
}
#rounded-corner thead th.rounded-left
{
	background: #b9c9fe url('/images/table-images/left.png') left -1px no-repeat;
}
#rounded-corner thead th.rounded-right
{
	background: #b9c9fe url('/images/table-images/right.png') right -1px no-repeat;
}
#rounded-corner th
{
	padding: 7px;
	font-weight: normal;
	font-size: 13px;
	color: #039;
	background: #b9c9fe;
}
#rounded-corner td
{
	padding: 7px;
	background: #e8edff;
	border-top: 1px solid #fff;
	color: #669;
}
#rounded-corner tfoot td.rounded-foot-left
{
	background: #e8edff url('/images/table-images/botleft.png') left bottom no-repeat;
}
#rounded-corner tfoot td.rounded-foot-right
{
	background: #e8edff url('/images/table-images/botright_dark.png') right bottom no-repeat;
}
#rounded-corner tbody tr:hover td
{
	background: #d0dafd;
}


.Sticky-large{
	background:transparent url(/images/sticky/stickynote-large.png) no-repeat top left;
	width:225px;
	height:228px;
	position: absolute;
	z-index:999999;
}

.Sticky-medium{
	background:transparent url(/images/sticky/stickynote-medium.png) no-repeat top left;
	width:160px;
	height:162px;
	position: absolute;
	z-index:999999;
}

.Sticky-medium .jStickyNote textarea, .jSticky-medium .jStickyNote p{
	font-size: 14px;
	font-weight:bold;
	height:115px;
}
.Sticky-large .jStickyNote textarea, .jSticky-large .jStickyNote p{
	height:160px;
	font-size: 16px;
}
.StickyNote textarea{
	width:75%;
	background-color:transparent;
	border:none;
	font-family: 'Comic Sans MS',Textile,cursive;
	font-size:16px;
	overflow:hidden;
	color:#999;
	padding:0px;
	margin:15px 0px 0px 24px;
	resize:none;
	float:left;
}
.StickyNote p{
	font-family: 'Comic Sans MS',Textile,cursive;
	color:#444;
	margin:15px 0px 0px 24px;
	overflow:hidden;
	width:75%;
	float:left;	
}

.tagCloud {
	background: transparent url("background.gif") 0 0 repeat;
}

.tagCloud ul, .tagCloud li {
	list-style: none;
	margin: 0;
	padding: 0;
}

.tagCloud .tagClass img {
	border: 0 none;
}

.tagCloud .tagClass a {
	color: #fff;
	font-family: Sans;
	font-weight: normal;
	padding: 3px;
	text-align: center;
	text-decoration: none;
	vertical-align: middle;
}

.tagCloud .tagClass a:hover {
	border: solid 1px #ffdb00;
	color: #ffdb00;
	text-decoration: none;
}

#jsCumulus1 {  /* style for tag 1 */
	color: #86C25E;
}

#jsCumulus2 {  /* style for tag 2 */
	color: #50B5D5;
}

.tweet_time {
	font-size:10px;
	font-style:italic;
}

.tweet {
	border: solid 1px #ccc;
	padding : 5px;
	width:580px;
	height:55px;
	background-color:#fff;
	font-size:12px;
	font-family:"Lucida Grande", "Lucida Sans Unicode", Helvetica, Verdana, sans-serif;
}

/* root element for scrollable */
.vertical {  
	
	/* required settings */
	position:relative;
	overflow:hidden;	

	/* vertical scrollers have typically larger height than width */	
	height: 250px;	 
	width: 620px;
	border-top:1px solid #ddd;	
}

/* root element for scrollable items */
.items_twitter {	
	position:absolute;
	
	/* this time we have very large space for height */	
	height:20000em;	
	margin: 0px;
}

/* single scrollable item */
.item_twitter {
	border-bottom:1px solid #ddd;
	margin:10px 0;
	padding:15px;
	font-size:12px;
	height:250px;
}


.item_twitter h3 {
	margin:0 0 5px 0;
	font-size:16px;
	color:#456;
	font-weight:normal;
}

/* the action buttons above the scrollable */
#actions {
	width:620px;
	margin:20px 0 5px 0;	
}

#actions a {
	font-size:11px;		
	cursor:pointer;
	color:#666;
}

#actions a:hover {
	text-decoration:underline;
	color:#000;
}

.disabled {
	visibility:hidden;		
}

.next {
	float:right;
}	

.prev {
	float:left;
}	


/* root element for scrollable */
.scrollable_twitter {

	/* required settings */
	position:relative;
	overflow:hidden;

	/* vertical scrollables have typically larger height than width but not now */
	height: 250px;
	width: 620px;
}

/* root element for scrollable items */
.scrollable .items_twitter {
	position:absolute;

	/* this time we have very large space for the height */
	height:20000em;
}



.page_stats {
	font-size:14px;
	border:1px solid #ccc;
	background-color:#fff;
	padding:10px;
	width:665px;
}







/*
	root element for the scrollable.
	when scrolling occurs this element stays still.
*/
.scrollable {

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 725px;
	height:1500px;

	/* custom decorations */
/*	border:1px solid #f00; */
}

/*
	root element for scrollable items. Must be absolutely positioned
	and it should have a extremely large width to accomodate scrollable items.
	it's enough that you set the width and height for the root element and
	not for this element.
*/
.scrollable .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

.items div.scroll_item {
	float:left;
	width:725px;
}


/* active item */
.scrollable .active {
	border:2px solid #000;
	position:relative;
	cursor:default;
}




/* this makes it possible to add next button beside scrollable */
/*.scrollable {
	float:left;	
}*/

/* prev, next, prevPage and nextPage buttons */
a.browse {
	background:url(/images/scrollable/arrow/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	float:left;
	margin:40px 10px;
	cursor:pointer;
	font-size:16px;
}

/* right */
a.right 				{ background-position: 0 -30px; clear:right; margin-right: 0px;}
a.right:hover 		{ background-position:-30px -30px; }
a.right:active 	{ background-position:-60px -30px; } 


/* left */
a.left				{ margin-left: 0px; } 
a.left:hover  		{ background-position:-30px 0; }
a.left:active  	{ background-position:-60px 0; }

/* up and down */
a.up, a.down		{ 
	background:url(/images/scrollable/arrow/vert_large.png) no-repeat; 
	float: none;
	margin: 10px 50px;
}

/* up */
a.up:hover  		{ background-position:-30px 0; }
a.up:active  		{ background-position:-60px 0; }

/* down */
a.down 				{ background-position: 0 -30px; }
a.down:hover  		{ background-position:-30px -30px; }
a.down:active  	{ background-position:-60px -30px; } 


/* disabled navigational button */
a.disabled {
	visibility:hidden !important;		
} 	

/*
.img_nav.current {
	border:1px solid #f00;
}

*/