/*-----------------------SiteContainer------------------*/


#sitecontainer{width: 978px;margin: 0 auto 0 auto;}
#header{margin: 0 15px 0 25px; overflow:hidden}

.top-left {float:left; font-size:90%; margin-top: 8px;}
.top-right {float: right; /*height: 205px; background: #fff url(../images/headerImg.jpg) no-repeat top right;*/ padding: 10px 0 10px 0; width: 728px; color: #000000}
.top-right h3 {float: right; margin-top: 20px;}
.logo {margin: 15px 0 10px 0}

#content {position: relative; background: transparent url(../images/top_pannel_bg.png) no-repeat top left; width: 928px; padding: 25px 25px 30px 25px; overflow: hidden}
#content_bottom {background: transparent url(../images/bottom_pannel_bg.png) no-repeat bottom left; width: 978px;  margin-top: -200px; height: 200px}

.content_left {float:left; width: 620px}
.content_right {float:right;}

.content_left ul li {margin-left: 15px;}

#footer {width: 958px; text-align: right; padding:0 20px 20px 0; font-size: 90%}

.h110{height: 110px;}
.h200{height: 200px;}
.pad {padding: 12px 20px 10px 15px}
.padR5 {padding-right: 5px}
.padR10 {padding-right: 10px}
.margL12 {margin-left:12px}
.margL10 {margin-left:10px}
.margL20 {margin-left:19px}
.margT4 {margin-top: 4px;}
.margT10 {margin-top: 10px;}
.padLR10 {padding: 0 10px}
.padL4R10 {padding: 0 10px 0 4px}
.wid12 {width:12px}
.padL6 {padding-left: 6px}
.padR15 {padding-right: 15px}
.padR75 {padding-right: 75px}
.padR25 {padding-right: 15px}
.h30 {height:30px}

.feed {float:right}
.feed a {color: #000000; text-decoration: none; font-weight: bold; float:left}
.feed a:hover {color: #000000; text-decoration: none;}

.pad a {color: #cd5e5d; text-decoration: none; line-height: 180%}
.pad a:hover {text-decoration: underline}
.pad a.SelectedCase {color: #666666; text-decoration: none;}

.previous_btn {background: transparent url(../images/previous_btn.jpg) no-repeat top; padding: 3px 16px; font-size: 90%; position: relative}
a.previous_btn{color: #ffffff; text-decoration: none}
a:hover.previous_btn {color: #ffffff;}

.next_btn {background: transparent url(../images/next_btn.jpg) no-repeat top; padding: 3px 16px; font-size: 90%; position: relative}
a.next_btn {color: #ffffff; text-decoration: none}
a:hover.next_btn {color: #ffffff;}

.breadcrumb { white-space: nowrap; float:left; width: 100%; margin: 5px 0 10px 0;}

.date {color: #999; display: inline; float:left;margin-top:1px;}


/* Homepage */

#home_content_left {float: left; width: 289px; margin-right: 30px;}

#home_content_right {float: right; width: 609px;}
#home_content_right .top_pannel .main_img {z-index: 1000; margin: -2px -17px -34px 0;}


/*  Righthand tabs */


.txtCenter {text-align: center}

#caseStudy_Right .main_pannel {background: transparent url(../images/panne2_top.jpg) no-repeat top left; width: 289px; position: relative; overflow: hidden}
#caseStudy_Right .main_img {display:none}
#caseStudy_Right .main_content {float:right; width: 260px; margin: 20px 10px 0 0; height:220px;position:relative; overflow: hidden;}
#caseStudy_Right .main_content h1 { font-size: 130%; padding-bottom: 2px}
#caseStudy_Right .main_content h2 {color:#5F81AA; font-size: 130%; padding-bottom: 10px}
#caseStudy_Right .main_content_buttons {float: right; margin: 0; text-align: center; position:relative; z-index:10; }
#caseStudy_Right .main_pannel_bottom {background: transparent url(../images/pannel2_bottom.png) no-repeat top; width: 289px; height: 15px; position: relative}


.TextPannel{width: 400px; float:left; padding-left: 10px;}
.quicklinks_pannel {float: right; margin-right: 10px; width:173px;}
.quicklinks {float:left; width:173px;  border-right:1px solid #999999; border-left:1px solid #999999;padding-bottom: 20px; display:inline-block}
.qcklinkheaderTop { background-color:#d47c18; color: #ffffff; width:162px; float:left; padding: 0px 6px 3px 6px; font-weight: bold}
.qcklinkheader { background-color:#d47c18; color: #ffffff; width:162px; float:left; padding: 3px 6px 3px 6px; font-weight: bold}
.qcklink {float:left; padding: 6px 6px 25px 6px;}
.qcklink a {text-decoration: none;}
.qcklink a:hover {text-decoration: underline;}
.quicklinks_top { float:left; line-height:10%; background: transparent url(../images/grey_top.gif) no-repeat top right; height:6px; width:175px;}
.quicklinks_bottom {float:left; line-height:10%; background: transparent url(../images/grey_bottom.gif) no-repeat bottom right; height:8px; width:175px;}

#whitePapers {width: 613px; padding-left: 10px; color: #666666; }
#whitePapers .header {background-color: #5f81aa; height: 15px; color: #ffffff; font-weight:bold; padding: 2px 2px; overflow: hidden;}
#whitePapers .white {border-bottom: 1px solid #cccccc; float:left; padding: 4px 2px;}
#whitePapers .grey {border-bottom: 1px solid #cccccc; float:left; padding: 4px 2px; background-color:#efefef}
.w70 {width:70px; margin-left: 10px}
.w80 {width:80px;}
.black {color:#000000; font-weight: bold}
.w445 {width:445px}
.w445 a {line-height: 180%}


/*  Tag Box  */

#TagBox_Home {}
#TagBox_Home a {color: #6698C2;}
#TagBox_Home a:hover {color: #507FA7;}
#TagBox_Home .red_pannel {width: 609px; height:318px; position: relative; background: url(../images/hometags_bg.jpg) no-repeat 0 28px;}
#TagBox_Home .red_pannel_bottom {display:none}
#TagBox_Home .red_pannel_links {padding: 10px 10px 10px 10px;}
#TagBox_Home .pad {padding: 10px 20px 10px 10px}
#TagBox_Home .pad a {text-decoration: underline; line-height: 140%; font-weight: normal;}
#TagBox_Home .pad a.SelectedCase {color: #666666; text-decoration: none;}

#TagBox_Home .tabsbg {margin: 0 0 0 0;  }
#TagBox_Home .tabsbg li { list-style: none; float:left}

#TagBox_Home li a.activetabs {color: #ffffff; margin: 0 2px 0 0; padding: 0 0 0 0; text-decoration: none; background: transparent url(../images/tab_active_left_home.png) no-repeat top right; padding-bottom: 5px; float: left; position: relative; }
#TagBox_Home li a.activetabs span {margin: 0 5px 0 0; padding: 5px 14px 0 18px; background: transparent url(../images/tab_active_home.png) no-repeat top left; float: left; height: 27px; font-size: 140%; position:relative;}
#TagBox_Home li a:hover.activetabs span {color:#ffffff;}
#TagBox_Home li a.tabs {color: #ffffff; margin: 0 2px 0 0; padding: 0 0 0 0; text-decoration: none; background: transparent url(../images/tab_left_home.png) no-repeat top right; padding-bottom: 5px; float: left; position: relative;}
#TagBox_Home li a.tabs span {margin: 0 5px 0 0; padding: 5px 14px 0 18px; background: transparent url(../images/tab_home.png) no-repeat top left; float: left; height: 27px; font-size: 140%; }
#TagBox_Home li a:hover.tabs span {color:#ffffff; text-align: center;}

#TagBox_Home .top_pannel {margin: 15px 20px 0 0; float: left; width: 670px;}
#TagBox_Home .main_pannel {background: url(../images/pannel1_bottom_test.jpg) no-repeat bottom left; width: 928px; position: relative; overflow: hidden}

#TagBox_Home .main_content {width: 570px; position:relative; float: left; margin-top: 20px;}
#TagBox_Home .main_content h1 a {font-size: 80%; text-decoration: none; text-transform: capitalize; float: left;}
#TagBox_Home .main_content h2 {display:none;}
#TagBox_Home .main_content_buttons {float:right; margin: 0; position:relative; z-index:10; }
#TagBox_Home .main_content_buttons a {color: #fff; text-decoration: none;}
#TagBox_Home .main_pannel_top {background: url(../images/pannel1_top.jpg) no-repeat top left; width: 958px; height: 10px; position:relative }

#TagBox .blue_pannel {width: 289px; background: transparent url(../images/blue_pannel_bg.png) no-repeat top; padding-bottom: 5px;}
#TagBox .blue_pannel h4.pad {padding: 4px 20px 10px 15px;}
#TagBox .blue_pannel_bottom {width: 269px; background: transparent url(../images/blue_pannel_bottom.png) no-repeat top; height: 63px; padding: 12px 0 0 20px; position: relative}
#TagBox .blue_pannel_bottom a {color: #000; font-weight: bold; text-decoration: none; line-height: 200%}

#TagBox .tabsbg {background: transparent url(../images/tab_bg.png) repeat-x top; margin: 15px 1px 0 1px; height: 19px; position: relative; }
#TagBox .tabsbg li { list-style: none; float:left}

#TagBox li a.activetabs {color: #6698C2; margin: 0 0 0 5px; text-decoration: none; background: transparent url(../images/tab_active_left.png) no-repeat 0 0; padding-bottom: 5px; float: left; position: relative;}
#TagBox li a.activetabs span {margin: -2px 0 0 5px; padding: 0 16px 0 10px; background: transparent url(../images/tab_active.png) no-repeat right; float: left; font-size: 11px; font-family: Verdana; position: relative; }
#TagBox li a:hover.activetabs span {color: #6698C2}
#TagBox li a.tabs {color: #ffffff; margin: 0 0 0 5px; text-decoration: none; background: transparent url(../images/tab_left.png) no-repeat top left; padding-bottom: 5px; float: left; position: relative;}
#TagBox li a.tabs span {margin: -2px 0 0 5px; padding: 0 16px 0 10px; background: transparent url(../images/tab.png) no-repeat right; float: left; font-size: 11px; font-family: Verdana}
#TagBox li a:hover.tabs span {color: #ffffff}

/*  Features  */

.blue_pannel {width: 289px; margin: 0; background: transparent url(../images/blue_bg.png) no-repeat top; padding: 9px 0 0 0; position: relative; overflow: hidden}
.blue_pannel h2 {color: #fff; font-size: 130%; font-weight: bold; padding: 0 15px;}
.blue_pannel a {line-height: 180%; color: #6698C2;}
.blue_pannel ul li {list-style: none; background: url(../images/arrow_blue.gif) 0 8px no-repeat; padding-left: 10px; display: block;}
.blue_pannel_buttons {float: right;}
.blue_pannel_bottom {width: 289px; background: transparent url(../images/blue_bottom.png) no-repeat bottom; height: 15px; margin-bottom: 10px; position: relative;}
.blue_pannel_content {padding: 15px 1px 0 15px;}
.blue_pannel_content img {margin-top: 5px;}

.blue_pannel .pad {padding: 12px 1px 25px 15px}

/*  White Paper  */

.green_pannel {width: 264px; margin: 0 0 30px 0; background: transparent url(../images/green.png) no-repeat top; padding: 9px 10px 0 15px; position: relative; overflow: hidden}
.green_pannel h2 {color: #fff; font-size:130%; font-weight: bold;}
.green {line-height: 180%; color: #7ea190}
.green_pannel_buttons {float: right;}
.green_pannel_bottom {width: 289px; background: transparent url(../images/green_bottom.png) no-repeat bottom; float: left; height: 15px; margin: 5px 0 0 -15px; position: relative;}
.green_pannel_content {height: 204px; padding: 10px 2px 0 2px;}

.tabsbg_green {background: transparent url(../images/tab_bg.png) repeat-x top;  margin: 10px 2px 0 2px; height:19px; position: relative; }
.tabsbg_green li {list-style: none; float:left}

.green_tabs {margin: 0 0 0 5px; background: transparent url(../images/tab.png) no-repeat right;display: inline-block;  float: left;  height: 19px;  font-size: 11px;}


li a.activegreen_tab {color: #7EA190; margin: 0 0 0 5px; text-decoration: none; background: transparent url(../images/tab_active_left.png) no-repeat 0 0; padding-bottom:5px; float:left;position:relative;}
li a.activegreen_tab span {margin: 0 0 0 5px; padding-top: 2px;  background: transparent url(../images/tab_active.png) no-repeat top right;  float: left;  height: 17px;  font-size: 10px; font-family:Verdana; position:relative; }
li a:hover.activegreen_tab span {color:#7EA190}
li a.green_tabs {color: #ffffff; text-decoration: none; background: transparent url(../images/tab_left_green.png) no-repeat top left; padding-bottom:5px; float:left;position:relative;}
li a.green_tabs span {margin: 0 0 0 5px; padding-top: 2px; background: transparent url(../images/tab_green.png) no-repeat right;  float: left;  height: 17px;  font-size: 10px; font-family:Verdana}
li a:hover.green_tabs span {color:#ffffff}



/* original css for homepage

#caseStudy_Home .main_pannel {background: transparent url(../images/pannel1_top.jpg) no-repeat bottom left; border-top:4px solid #e5575f;  width: 609px; position: relative; overflow: hidden}
#caseStudy_Home .main_pannel h1 {color:#cc3333}
#caseStudy_Home .main_img {padding: 20px 0 0 40px; z-index:1000; position:relative; float:left; display: inline-block}
#caseStudy_Home .main_content {float:right; width: 280px; margin: 20px 20px 0 0; height:239px;position:relative; }
#caseStudy_Home .main_content h2 {display:none}
#caseStudy_Home .main_content_buttons {float:right; width: 150px; margin: 0 0 0 0;    position:relative; z-index:10; }
#caseStudy_Home .main_pannel_bottom {background: none; width: 619px; height: 1px; position:relative }

#TagBox_Home {}
#TagBox_Home .red_pannel {width: 609px; height:318px; background: #b83731 url(../images/hometags_bg.jpg) no-repeat top; }
#TagBox_Home .red_pannel h4 {font-size: 180%; margin: 10px 0 0 400px; position: absolute; width:180px}
#TagBox_Home .red_pannel_bottom {display:none}
#TagBox_Home .red_pannel_links {width: 380px; padding: 20px 10px 10px 10px; height: 190px; background: transparent url(../images/Homelinks_bg.gif) no-repeat top left; }
#TagBox_Home .pad {padding: 60px 20px 10px 10px}
#TagBox_Home .pad a {color: #cd5e5d; text-decoration: underline; line-height: 140%; font-size: 140%; font-weight: bold}
#TagBox_Home .pad a:hover {text-decoration: none;}
#TagBox_Home .pad a.SelectedCase {color: #666666; text-decoration: none;}

#TagBox_Home .tabsbg {margin: 0 0 0 0;  }
#TagBox_Home .tabsbg li { list-style: none; float:left}

#TagBox_Home li a.activetabs {color: #ffffff; margin: 0 2px 0 0; text-decoration: none; background: transparent url(../images/tab_active_left_home.png) no-repeat top right; padding-bottom:5px; float:left;position:relative; }
#TagBox_Home li a.activetabs span {margin: 0 5px 0 0; padding-top: 4px; padding-left:10px;  background: transparent url(../images/tab_active_home.png) no-repeat top left;  float: left;  height: 27px;  font-size: 150%; position:relative;}
#TagBox_Home li a:hover.activetabs span {color:#ffffff}
#TagBox_Home li a.tabs {color: #ffffff; margin: 0 2px 0 0; text-decoration: none; background: transparent url(../images/tab_left_home.png) no-repeat top right; padding-bottom:5px; float:left;position:relative;}
#TagBox_Home li a.tabs span {margin: 0 5px 0 0; padding-top: 4px; padding-left:10px; background: transparent url(../images/tab_home.png) no-repeat top left;  float: left;  height: 27px;  font-size:150%; }
#TagBox_Home li a:hover.tabs span {color:#ffffff}

#TagBox_Home .padL4R10 {padding:0 10px 0 4px}

#TagBox .red_pannel {width: 289px; background: transparent url(../images/red_bg.png) no-repeat top; }
#TagBox .red_pannel_bottom {width: 269px; background: transparent url(../images/red_bottom_bg.png) no-repeat top; height: 75px; display:block; padding: 12px 0 0 20px; position: relative}
#TagBox .red_pannel_bottom a {color: #000; font-weight: bold; text-decoration: none; line-height: 200%}

#TagBox .tabsbg {background: transparent url(../images/tab_bg.png) repeat-x top;  margin: 10px 1px 0 2px; height:19px; position: relative; }
#TagBox .tabsbg li { list-style: none; float:left}

#TagBox li a.activetabs {color: #cd5e5d; margin: 0 0 0 5px; text-decoration: none; background: transparent url(../images/tab_active_left.png) no-repeat 0 0; padding-bottom:5px; float:left;position:relative;}
#TagBox li a.activetabs span {margin: 0 0 0 5px; padding-top: 2px;  background: transparent url(../images/tab_active.png) no-repeat top right;  float: left;  height: 17px;  font-size: 10px; font-family:Verdana; position:relative; }
#TagBox li a:hover.activetabs span {color:#cd5e5d}
#TagBox li a.tabs {color: #ffffff; margin: 0 0 0 5px; text-decoration: none; background: transparent url(../images/tab_left.png) no-repeat top left; padding-bottom:5px; float:left;position:relative;}
#TagBox li a.tabs span {margin: 0 0 0 5px; padding-top: 2px; background: transparent url(../images/tab.png) no-repeat right;  float: left;  height: 17px;  font-size: 10px; font-family:Verdana}
#TagBox li a:hover.tabs span {color:#ffffff} */