@import "../../../support/css/reset.css";
@import "../../../support/css/common.css";
@import "../../../support/scripts/colorbox/colorbox.css";


#imageRating .imageRating
{
    float:none;
    margin: 0px;
    padding: 0px;
}

/* Fix for Rating/Star control */
#imageRating input
{
    display:none;
}

html, body, #container {
	height: 100%;
	/*background-color: #ededed;*/
}

body > #container {height: auto; min-height: 100%;}

body {
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #333;
	font-size: 12px;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Helvetica, Arial, sans-serif;
	background-repeat: repeat-x;
	background-color: #F3F3F3;
	line-height: 18px;
/*	overflow: -moz-scrollbars-vertical;
	background-position: left top;
	background-image: url(../images/newbg_02.jpg);*/
}
.clear {
	clear: both;
}
img { border: 0; }

#container {
  min-height:8em; 
  height:auto !important;
}
* html #container {
  height: 8em;
}

.clearfix
{
	display: inline-table;
/* Hides from IE-mac \*/
	height: 1%;
	display: block;
/* End hide from IE-mac */
}

html>body .clearfix
{
	height: auto;
}

.clearfix:after
{
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}

* {margin:0;padding:0;} 

#m { 
	width:820px;
	height:60px;
	float: right;
	padding:4px 10px; 
}
#m table{
	margin-left:auto;
}
.menu { font-family:Arial,Helvetica,sans-serif;font-size:12px;font-weight:bold;color:#333;cursor:default; }

.top { 
	margin:0;
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height: 40px;
	background-image: url(../images/menu_base.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}
.top-h, .top-a, .top-e { 
	margin:0;
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height: 40px;
	background-image: url(../images/menu-hvr2_06.jpg);
	background-repeat: repeat-x;
	padding-top: 2px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
	cursor: pointer;
}
.top-i{
	padding:0;
	margin:0;
}
.grp { 
	border:1px solid #bbb;
	border-bottom-color:#aaa;
	border-left-color:#aaa;
	width:225px;
	background:#f6f6f6 url("images/vertical.png") repeat-y;
	font-family:Arial,Helvetica,sans-serif;
	font-size:11px;
	color:#555;
	cursor:default;
	text-align:left; 
}

.txt {
	display:block;
	float:left;
	line-height:21px;
	width:145px;
	background-image: url(../images/menuicons_06.jpg);
	border: 1px solid #CCCCCC;
	height: 20px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	margin-top: 8px;
}
.itemwrap{
	display: block;
	background-color: #ffffff;
	border: 1px solid #CCCCCC;
	height: 50px;
	margin: 2px;
	cursor: pointer;
}
.item { 
	
}
.item-h { 
	background-color: #9ab8dc;
	
}

.br { width:188px;height:3px;background:#f6f6f6 url("../images/nav-sprites.jpg") no-repeat 0px -33px; }

.icon { 
	display:block;
	width:47px;
	height:47px;
	float:left;
	margin:2px 6px 0px 5px;
	background:transparent url("../images/nav-sprites.jpg") no-repeat 0 0;
}

.bizlibicon { background-position:-897px -0px; }
.courselisticon { background-position:-190px -0px; }
.deloptionsicon { background-position:-331px -0px; }
.howworksicon { background-position:-473px -0px; }
.salesicon { background-position:-756px -0px; }
.marketingicon { background-position:-567px -0px; }
.hricon { background-position:-520px -0px; }
.trainingicon { background-position:-850px -0px; }
.ccontenticon { background-position:-284px -0px; }
.diyvidicon { background-position:-378px -0px; }
.casestudyicon { background-position:-94px -0px; }
.wpapericon { background-position:-944px -0px; }
.contacticon { background-position:-237px -0px; }
.leadericon { background-position:-47px -0px; }
.partnericon { background-position:-661px -0px; }
.newsicon { background-position:-614px -0px; }


.arrow { display:block;width:16px;height:16px;float:left;margin-top:3px;background:transparent url("images/icons.png") no-repeat;_background-image:url("images/icons.gif"); } /* IE6 will load the GIF */



#menu ul{
	list-style:none;
	background-image: url(../images/menu_bgs_04.jpg);
	background-repeat: repeat-x;
}
#menu li{
	display:block;
	float:left;
	white-space: nowrap;
	
}
#menu li a{
	margin:0;
	display:block;
	float:left;
	color:#333;
	text-transform:capitalize;
	text-decoration:none;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:normal;
	height: 40px;
	background-image: url(../images/menu_bgs_04.jpg);
	background-repeat: repeat-x;
	padding-top: 20px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 10px;
}

#menu li a:hover{
	text-decoration:none;
	background-image: url(../images/menuhvr_03.jpg);
	background-repeat: repeat-x;
}

.current{
	background:#e46825 url(images/menu_hover.gif) repeat-x;
	border:2px solid #c04118;
	margin:0 1px;
	padding:15px 15px 15px 15px;
	display:block;
	float:left;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:13px;
	cursor:pointer;
	font-weight:bold;
	height: 50px;
}
.current span{
	color:#ffd9c7;
	font-size:10px;
	text-transform:lowercase;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;
}



/*left nav menu*/
#navlist
{
	padding-left: 0px;
	width: 270px;
	margin-top: 15px;
}
#navcontainer {
	margin-left: 30px;
}

#navlist li
{
	list-style: none;
	margin: 0;
	padding: 8px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #e2e2e2;
}

#navlist li a , #navlist li a:visited {
	text-decoration: none;
	padding-left: 20px;
	color: #666;
}
#navlist li a:hover {
	text-decoration: none;
	padding-left: 20px;
	color: #666;
	background-image: url(../images/redarrow_05.jpg);
	background-repeat: no-repeat;
	background-position: left center;
}

#mainContent a:link, #mainContent a:visited,
{
	color: #069;
	text-decoration:underline;
}

#housekeepinglinks a:link, #housekeepinglinks a:visited {
	color: #666;
	text-decoration:none;
	font-weight: bold;
	text-transform: uppercase;
}

#mainContent a:hover, #housekeepinglinks a:hover
{ text-decoration:none; }

#container-home {
	width: 975px;
	margin: 0 auto;
	text-align: left; /* this overrides the text-align: center on the body element. */
}

/*#container {
	width: 975px;  
	background: #FFF;
	margin: 0 auto;
	text-align: left;
}*/

div#container-home p {
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	font-size: 1em;
	line-height: 1.6;
	}
	
div#solutionsbox p, div.challenge-box p {
	margin: 0 0 0 0 !important;
	padding: 0 0 0 0;
	line-height: 18px;
	}
#header {
	/*background-image: url(images/header-bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;*/
	height: 105px;
	padding-top: 0;
	padding-right: 5px;
	padding-bottom: 0;
	padding-left: 15px;
}
.logo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 99px;
	width: 129px;
}
#housekeepinglinks {
	font-size: 10px;
	margin: 0px;
	padding: 2px;
	margin-bottom: 5px;
	padding-right: 25px;
}
#header-content {
	margin: 0px;
	padding: 0px;
	height: 100px;
	text-align: right;
}
#header h1 {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 5px; /* using padding instead of margin will allow you to keep the element away from the edges of the div */
	font-size: 14px;
	font-weight: bold;
	margin-top: 15px;
	text-align: right;
	display: block;
}
#chooseMedia {
	margin: 0px;
	padding: 0px;
	width: 970px;
	height: 358px;
	background-image: url(../images/base2_12.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-bottom: 10px;
}
#mainvideo {
	margin: 0px;
	padding: 0px;
	float: left;
	height: 286px;
	width: 362px;
   margin-top: 25px;
	margin-left: 35px;
	display: block;
}

#splash {
	
	/* background image */
	background:transparent url(../images/media_header_05.jpg) no-repeat scroll 0%;
	
	/* container dimensions */
	display:block;
	height:261px;
	width:342px;
	
	/* padding will show the surroundings even when the player is loaded */
	padding:15px 10px 20px 10px;
		
	/* make play button centerered horizontally */ 
	text-align:center;
	color:#fff;
	text-decoration: none;
}
#solutionsbox {
	float: right;
	width: 560px;
	margin-right: 12px;
	padding: 0px;
	margin-top: 25px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.solution {
	float: left;
	height: 200px;
	width: 240px;
	display: block;
	overflow: hidden;
	background-image: url(../images/solution_bg_03.jpg);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 1px solid #CCC;
	/**/margin-left: 15px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 10px;
	color: #666;
}
#chooseMedia #solutionsbox h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 24px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 10px;
	color: #000;
	padding-left: 15px;
}

#chooseMedia #solutionsbox h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #009ae0;
}

#mainContent {
	padding-bottom: 25px;
	background-image: url(../images/base2_14.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0;
	padding-right: 25px;
	padding-left: 30px;
	height: auto;
}  

div.scrollable {
	position:relative;
	overflow:hidden;	 	
	width: 885px;
	height: 40px;
	border: 1px solid #CCC;
	background-color: #F2F2F2;
	color: #666;
}

div.scrollable div.items {	
	width:20000em;	
	position:absolute;
	clear:both;		
	margin-left:10px;
}

div.scrollable div.items div {
	margin: 10px 0 10px 0;
	color: #666666;
}

.red-header {
	color: #F00;
	font-weight: bold;
}

.categories-home {
	background-image: url(images/categories-bg.jpg);
	background-repeat: repeat-x;
	padding: 3px;
	float: left;
	width: 290px;
	margin-right: 10px;
	margin-top: 15px;
}
.headerimg {
	float: left;
	padding-bottom: 50px;
	padding-right: 2px;
}

#workbox {
	width:300px;
	margin:0px
	padding:0px;
	float: left;
}
.right {
	display: block;
	float: right;
}
.left {
	display: block;
	float: left;
}
#mainContent h1 {
	font-size: 18px;
	line-height: 24px;
	font-weight: normal;
	padding: 0px;
	margin-right: 0px;
	padding-top: 10px;
	padding-bottom: 5px;
}

#mainContent h2 {
	font-size: 14px;
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-left: 10px;
	padding-bottom: 0px;
	color: #666;
}

#mainContent h4 {
	font-size: 12px;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	margin: 0px;
	padding-top: 10px;
	padding-bottom: 0px;
	color: #999;
}
#mainContent h3 {
	font-size: 14px;
	font-weight: normal;
	color: #666;
}
#mainContent h5 {
	font-size: 18px;
	font-weight: normal;
	color: #900;
	padding-top: 10px;
	padding-bottom: 10px;
}

.challenge-box {
	float: left;
	width: 260px;
	padding-left: 8px;
	margin-right: 5px;
	margin-bottom: 5px;
	margin-left: 0px;
	margin-top: 5px;
}
#mainContent .videosolutions-box .challenge-box h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: normal;
	margin-top: 5px;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	color: #009ae0;
}
.divider {
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #CCCCCC;
}
.superman {
	background-image: url(../images/superman_bg.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width: 921px;
	height: 192px;
	padding-top: 120px;
	padding-bottom: 0px;
	padding-left: 25px;
	margin-bottom: 10px;
}
.videosolutions-box {
	padding: 5px;
	float: left;
	height: 550px;
	width: 550px;
}
#mainContent .videosolutions-box  h1{
	font-weight: bold;
	color: #000;
	margin-top: 25px;
}
.weekly-jolt {
	width: 500px;
	position: relative;
	float: left;
	height: 155px;
	padding-top: 15px;
	padding-left: 10px;
}
#mainContent .weekly-jolt #submit {
	margin-top: 12px;
}
.img-margin {
	margin-left: 12px;
}
#mainContent .weekly-jolt h1 {
	color: #333;
	font-size: 18px;
	margin: 0;
}
#mainContent  .weekly-jolt p {
	font-size: 12px;
	color: #000000;
	margin-bottom: 0px;
}
#mainContent .challenge-box p {
	line-height: 14px;
	font-size: 11px;
}
#mainContent #blog-box {
	padding: 8px;
	float: left;
	margin-top: 25px;
	width: 300px;
	background-color: #F2F2F2;
	font-size: 11px;
}
#mainContent #blog-box h1 {
	color: #900E10;
	font-size: 14px;
	padding-left: 15px;
}
.recent_posts {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
}
ul.recent_posts {
	padding-left: 15px;
}
#blog-box ul.recent_posts li {
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 15px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCC;
	list-style-position: outside;
	list-style-type: none;
}
.recent_posts li .meta {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #333;
}
.recent_posts li .comments {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: italic;
	color: #333;
	font-weight: bold;
	background-image: url(../images/comment_icon.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 12px;
	margin-left: 8px;
}
#mainContent ul.recent_posts li a {
	font-size: 16px;
	line-height:22px;
	color: #000;
	text-decoration: none;
}

#mainContent ul.recent_posts li a:hover {
	text-decoration: underline;
}

.recent_posts li .entry {
	padding-top: 10px;
	margin-bottom: 20px;
}
#mainContent .recent_posts li  .entry a{
	font-size: 12px;
	text-decoration: underline;
}
#mainContent .challenge-box p {
	line-height: 14px;
	font-size: 11px;
}

.testimonial-header {
	background-image: url(../images/ej4hm_20.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 45px;
	padding-left: 80px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-top: 30px;
}

.content-headers {
	margin: 0px;
	padding: 0px;
	float: left;
	width: 125px;
}

.resources-header {
	background-image: url(../images/ej4hm_22.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-bottom: 45px;
	padding-left: 85px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-top: 30px;
}
.how-header {
	background-image: url(../images/buildingmax_header.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	padding-bottom: 45px;
	padding-left: 85px;
	display: block;
	font-size: 18px;
	font-weight: normal;
	padding-top: 30px;
}
.clear-dots {
	background-image: url(../images/dash_horizontal_3x1.gif);
	background-repeat: repeat-x;
	clear: both;
	padding:0 3px;
	line-height: 1px;
	margin-bottom: 10px;
	margin-top: 0px;
	background-position: left bottom;
}

.footer_home_bg {
	background-image: url(../images/base_objects_08.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}

.footer_inside_bg {
	background-image: url(../images/base2_15.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	vertical-align: bottom;
}

#footer {
	padding-top: 95px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 15px;
	color: #333;
	text-align: center;
	height: 75px;
	clear:both;
}
#footer a, #footer a:visited {
	color: #333;
}
/*Interior Pages Styles*/
#content {
	padding-bottom: 25px;
	background-image: url(../images/base2_14.jpg);
	background-repeat: repeat-y;
	background-position: left top;
	padding-top: 0;
	padding-right: 25px;
	padding-left: 0px;
	height: auto;
}


#left {
	float: left;
	width: 305px;
	margin: 0 0 15px;
	background-image: url(../images/base2_13.jpg);
	background-repeat: no-repeat;
	background-position: left -15px;
}

#left2 {
	float: left;
	width: 200px;
	margin: 0 0 15px;
	background-image: url(../images/base2_13.jpg);
	background-repeat: no-repeat;
	background-position: left -15px;
}
#right {
	float: right;
	width: 620px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e2e2e2;
	margin: 0px;
	padding: 10px;
	margin-top: 15px;
}

#right h1 {
	font-size: 24px;
	font-weight: normal;
	color: #4779b6;
	margin-bottom: 15px;
}

#right h3 {
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content #right h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 4px;
}

#content #right h4 {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 15px;
}
#right h5 {
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content #right h4 a, #content #right h4 a:visited { color:#999999; text-decoration:none;}
#content #right h4 a:hover { text-decoration:underline; color:#000066;}

#right img {
	padding: 4px;
	float: right;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
}

div#right li {
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0em;
	margin-right: 0;
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: circle;
	}


/*div#right p {
	margin: 0 0 20px 0;
	padding: 0 30px 0 0;
	font-size: 1em;
	line-height: 1.6;
	}*/

.callout_box {
	width:535px;
	padding-left:66px;
	background-color:#f4f3f3;
	background-image: url(../images/bubbleicon_03.jpg);
	background-repeat: no-repeat;
	background-position: left 10px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 1.2em;
	font-weight: normal;
	margin-top: 10px;
	margin-right: 5px;
	margin-bottom: 25px;
	margin-left: 5px;
}
.imgoutline {
	border: 1px solid #ECECEC;
}
.callout_box2 {
	width:535px;
	padding-left:15px;
	padding-top: 10px;
	padding-right: 5px;
	padding-bottom: 5px;
	font-size: 1em;
	font-weight: normal;
	margin:10px 5px;
	border-left-width: 10px;
	border-left-style: solid;
	border-left-color: #EFF0F3;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #EFF0F3;
}
.pdf-link {
	background-image: url(../images/page_white_acrobat.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
	padding-bottom: 5px;
	padding-top: 2px;
}

#videocontainer{
	float: right;
	width: 610px;
	
}
/*About*/
.About {
	width:570px;
	margin:5px auto;
	padding:0 10px;
	float:left;
}

.About .block { width:280px; float:left; margin:5px auto; padding:0 10px;}
.About .imga  { float: left; margin:5px 5px; padding:0 0 0 10px;}
.About img { padding:0; margin:5px;}

/* Conatct Form */
.response { font:normal 12px Arial, Helvetica, sans-serif; color:red; text-align:center;}
.loader { text-align:center; width:auto; padding:0; margin:0;}
#right #contactform { margin:0; padding:5px;}
#right #contactform * { font-family:Arial, Helvetica, sans-serif;; font-size:12px;}
#right #contactform ol { margin:0; padding:0; list-style:none;}
#right #contactform li {
	margin:0 0 5px 0;
	padding:10px;
	background:none;
	list-style-type: none;
}
#right #contactform li.buttons { margin:0; overflow:hidden;}
#right #contactform label { margin:0; width:150px; display:block; float:left; padding:2px 0; font:bold 12px Arial, Helvetica, sans-serif; color:#666666;}
#right #contactform label span { font:normal 10px Arial, Helvetica, sans-serif; color:#afafaf; margin:0; padding:0;}
#right #contactform input[type=text], #right #contactform input[type=password] { width:280px; border:1px solid #d6d6d6; margin:0; padding:5px 2px; height:16px; background:#fff;}
#right #contactform textarea { width:280px; border:1px solid #d6d6d6; padding:2px; background:#fff;}
#right #contactform li.buttons input { padding:3px 10px; margin:0 0 0 150px; background:#3d3d3d; border: none; color:#FFF; float:left;}
.leftimg {
	margin: 5px;
	padding: 5px;
	margin-left: 25px;
	margin-top: 25px;
}
#support {
	margin-left: 30px;
}

#support h1
{
	font-size:16px;
	color:#666;
	margin: 10px 0px;
	font-weight: normal;
}
	
#support h2
{
	font-size:14px;
	color:#09C;
	margin: 5px 0px;
	font-weight: normal;
}
.contact-boxes {
	background-image: url(../images/categories-bg.jpg);
	background-repeat: repeat-x;
	padding: 3px;
	float: left;
	width: 175px;
	margin-right: 10px;
	margin-top: 15px;
}
/*******************accordian styles**********************************/


#campus_container  {
	float: right;
	width: 620px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e2e2e2;
	margin: 0px;
	padding: 10px;
	margin-top: 15px;
}

#campus_container h1 {
	font-size: 24px;
	font-weight: normal;
	color: #4779b6;
	margin-bottom: 15px;
}

#accordian_box p {
	padding: 5px 10px;
	color: #666;
}

#accordian_content {
	width: 220px;
	margin: 0 auto;
}

#accordian_box {
	width: 232px;
	overflow: hidden;
	margin-left: 10px;
	margin-top: 10px;
	background-image: url(../images/wrapbg.gif);
	background-repeat: repeat-y;
	background-position: left top;
	float: left;
}
#accordian_text {
	margin: 3px;
	padding: 5px;
	float: right;
	width: 350px;
}
#accordian_text img {
	padding: 4px;
	float: right;
	margin-top: 0px;
	margin-right: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
}

#accordian_box h3 {
	padding: 10px 0 11px 15px;
	margin: 0;
	font-size: 12px;
	font-weight: normal;
	color: #222;
	background: #efefef;
	cursor: pointer;
	border-bottom: 1px solid #fff;
	text-decoration: underline;
}

#accordian_box h3.toggler a {
	color: #666;
	text-decoration: none;
}

#accordian_box h3.toggler a:hover {
	color: black;
}

div.accordian {
	background: #fff url("(../images/accordionbg.gif") repeat-x top left;
	
}

div.accordian ul {
	list-style-type: none;
	padding: 0;
	margin: 0 0 5px 0;
}

div.accordian ul li {
	padding: 6px 0;
	margin: 3px 0px 3px 12px!important;
	list-style-type: none!important;
}

div.accordian ul li a {
	color: #666;
	text-decoration: none;
	display: block;
	padding: 0;
	font-size: 90%;
}

div.accordian ul li a span {
	padding-bottom: 10px;
}

div.accordian ul li a img, div.accordian ul li img {
	border: 0;
	vertical-align: middle;
	margin-right: 5px;
	float: none!important;
}

div.accordian ul li a:hover span {
	text-decoration: underline;	
}

#top_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}

#bottom_round {
	height: 10px;
	font-size: 1px; /* ie whitespace */
}
	
.top_dark {
	background: url("(../images/top_dark.gif") no-repeat top left;
}

.top_light {
	background-image: url(../images/top_light.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.bottom_dark {
	background-image: url(../images/bottom_dark.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.bottom_light {
	background-image: url(../images/bottom_light.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.first {
	padding-top: 5px;
}

.last {
	padding-bottom: 5px;
}

#course_ex  {
	float: left;
	width: 620px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #e2e2e2;
	margin: 15px;
	padding: 10px;
	background-color: #FFF;
	text-align: left;
}

#course_ex h1 {
	font-size: 24px;
	font-weight: normal;
	color: #4779b6;
	margin-bottom: 15px;
}
#white {
	background-color: #FFF;
}



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



#right h6 {
	font-size: 18px;
	color: #1B81A9;
	text-align: center;
	padding-bottom: 15px;
}

#flowwrapper{
	width: 570px;
	margin: 0 auto;
}
/* root element for tabs */
#flowtabs {
	
	/* dimensions */
	width:570px;
	height:85px !important;
	margin:0 !important; 
	padding:0;	
	border-top :1px solid #cccccc;
	/* IE6 specific branch (prefixed with "_") */
	_margin-bottom:-2px;
}

/* single tab */
#flowtabs li { 
	float:left; 
	margin: 3px 10px!important;
	padding:0; 
	text-indent:0; 
	list-style-type:none!important;
	
}

/* a- tag inside single tab */
#flowtabs li a {
	display:block;
	padding:0px;
	margin:0px;
	
	/* font decoration */
	color:#000;
	font-size:12px;
	line-height:33px;
	text-align:center;
	text-decoration:none;
}

/* adjust the background image position on each tab */
#flowtabs #analysis-tab			
{ 
	width: 71px;
	height: 80px;
	background-image: url(../images/tabs_analysis.jpg);
	background-position: 0 0; 
}
#flowtabs #custom-tab 			
{ 
	width: 113px;
	height: 80px;
	background-image: url(../images/tabs_custom.jpg);
	background-position: 0 0; 
}
#flowtabs #production-tab 			
{ 
	width: 95px;
	height: 80px;
	background-image: url(../images/tabs_production.jpg);
	background-position: 0 0; 
}
#flowtabs #deploy-tab 			
{ 
	width: 95px;
	height: 80px;
	background-image: url(../images/tabs_deploy.jpg);
	background-position: 0 0; 
}
#flowtabs #evaluate-tab 			
{ 
	width: 86px;
	height: 80px;
	background-image: url(../images/tabs_evaluate.jpg);
	background-position: 0 0; 
}

 
/* mouseover state */
#flowtabs a:hover 		{ background-position: 0px -80px!important;	 }

/* currently selected tabs */
#flowtabs a.currentt		{ cursor:default; background-position: 0px -80px!important; }



/* panes */
#flowpanes {
	height: 350px;
	width: 570px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	background-attachment: scroll;
	background-color: #FFFFFF;
	background-image: url(../images/content_pane-gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #CCCCCC;
}


/* single pane */
#flowpanes div {
	display:none;	
	color:#fff;	
	margin:20px 40px;
}

/* some decorations for elements inside single pane */
#flowpanes div h2 {
	font-weight:normal;
	color:#ddd;
	letter-spacing:1px;
	margin:10px 0 0 0;
	font-size:22px;	
}

#flowpanes a {
	color:#cc9;		
	font-size:14px;
}

#flowpanes p, #flowpanes samp {
	color:#000;		
}

#flowpanes div.narrow {
	padding-right:160px;		
}
#shade {
	width: 570px;
	height: 50px;
	background-image: url(../images/shade.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
.scrollButtons {
    position: absolute;
    top: 750px;
    cursor: pointer;
}

.scrollButtons.left {
	left: -30px;
	z-index: 999;
}

.scrollButtons.right {
    right: -20px;
	 z-index: 999;
}

/* override the root element to enable scrolling */
#flowpanes {
	position:relative;
	overflow:hidden;
	clear:both;
}

/* override single pane */
#flowpanes div {
	float:left;
	display:block;
	width:500px;
	cursor:pointer;
}

/* our additional wrapper element for the items */
#flowpanes .items {
	width:20000em;
	position:absolute;
	clear:both;
	margin:0;
	padding:0;
}

#flowpanes .less, #flowpanes .less a {
	color:#999 !important;
	font-size:11px;
}

#right .videoholder {
	width: 345px;
	height: 265px;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

.codisclaimer{
	font-size: 9px;
	font-style: italic;
	margin: 10px 10px 10px 35px;
	color: #000000;
}

#campussearch, #topicview{
	background-color: #f3f3f3;
	padding: 2px 6px 6px 6px;
	border: 1px solid #E2E2E2;
	margin: 10px 5px 5px 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}
#campussearch div, #topicview div{
	font-size: 12px;
	color: #000000;
}
#campussearch .searchbox{
	width:220px;
}

#topicview .searchbox{
	width:245px;
}

.cthumb{
	float: left!important;
}

.btncol{
	width:170px;
	padding: 1px;
	text-align: right;
}

.btncol div{
	margin:5px;
	text-align: right;
}

.btncol div img{
	border-width: 0px;
	margin-right: 0px!important;
	margin-bottom: 5px;
	padding: 0px!important;
}

.cdetail{
	margin:3px 0;
}
.cdetail label{
	
	font-weight: bold;
	float: none;
	width: auto;
}

.courselist{
	margin-top: 10px!important;
}
.courselist li{
	list-style: none!important;
	margin:10px 0;
	padding-bottom:5px;
	border-bottom: 1px solid #C1D7E6;
}

.pointer{
	cursor: pointer;
}

.listchild{
	margin-left: 25px;
}
.listchild li{
	list-style: none!important;
	margin:10px 0;
	padding-bottom: 0;
	border:none;
	color: #000000;
}
.courseact   a  {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/course_icons_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #000000;
}
.coursedone a {
	color: #666666;
	background-image: url(../images/course_icons_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-decoration: none;
	font-size: 12px;
}

.courseact{
	color: #4e4e4e;
}
.length{
	color:#000000;
	margin-right:5px;
	font-weight: normal;
}
.courseinact{
	font-weight: normal;
	color: #4C9DCE;
	font-size: 14px;
}

.clearboth{
	clear: both;
}
.floatleft{
	float: left;
}
.floatright{
	float: right;
}
.topiclist li{
	list-style: none!important;
	margin:10px 0;
	padding-bottom:10px;
	border-bottom: 1px solid #C1D7E6;
}

.topiclist li h3{
	color: #FF6600;
	font-size: 1.4em;
	font-weight: normal;
	margin-bottom:5px!important;
	border: 0px!important;
}
.topiclist  h3 a    {
	text-decoration: none;
	color: #333333;
	background-image: url(../images/folder.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 25px;
}
.topiclist      h3 a:hover          {
	color: #003399;
	text-decoration: underline;
}

.listdesc {
	margin-bottom: 5px;
}
#whatsnew{
	background-color: #FFFFCC;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 0;
	border: thick solid #FFFF99;
	font-family: "Lucida Grande", "Lucida Sans", Arial, sans-serif;
	font-size: 10px;
	line-height: 1.8em;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
}
#maincolumn #whatsnew h1 {
	color: #333333;
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #CCCCCC;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.courselist li{
	list-style: none;
	margin:10px 0;
	padding-bottom:5px;
	border-bottom: 1px solid #C1D7E6;
}

.pointer{
	cursor: pointer;
}

.listchild{
	margin-left: 25px;
}
.listchild li{
	list-style: none;
	margin:10px 0;
	padding-bottom: 0;
	border:none;
	color: #000000;
}
.courseact   a  {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	background-image: url(../images/course_icons_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #000000;
}
.listchild  .coursedone a {
	color: #666666;
	background-image: url(../images/course_icons_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-decoration: none;
	font-size: 12px;
}

.courseact{
	color: #4e4e4e;
}
.length{
	color:#000000;
	margin-right:5px;
	font-weight: normal;
}
.courseinact{
	font-weight: normal;
	color: #4C9DCE;
	font-size: 14px;
}
.listchild li a {
	list-style: none;
	padding-bottom: 5px;
	border:none;
	color: #333333;
	background-image: url(../images/course_icons_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-right: 5px;
	padding-left: 20px;
	text-decoration: none;
}
.courseact a:hover {
	font-weight: normal;
	font-size: 12px;
	text-decoration: underline;
	background-image: url(../images/course_icons_03.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	color: #0066CC;
}
.listchild li a:hover {
	list-style: none;
	padding-bottom: 5px;
	border:none;
	color: #0066CC;
	background-image: url(../images/course_icons_07.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0;
	padding-right: 5px;
	padding-left: 20px;
	text-decoration: underline;
}
.listchild .coursedone a:hover {
	color: #666666;
	background-image: url(../images/course_icons_09.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 20px;
	text-decoration: underline;
	font-size: 12px;
}

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

	/* required settings */
	position:relative;
	overflow:hidden;
	width: 500px;
	height:120px;

	/* custom decorations */
	border:1px solid #ccc;
	background:url(../images/h300.png) repeat-x;
}

/*
	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.

*/#scrollablegallery .items {
	/* this cannot be too large */
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
#scrollablegallery a {
	float:left;
}

#scrollablegallery a img{
	margin:20px 5px 20px 14px;
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	cursor:pointer;
	width:100px;
	height:75px;
	
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}

/* active item */
#scrollablegallery .active {
		position:relative;
}

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

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

/* 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; }


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



/*{{{ general playlist settings, light gray */
div.playlist {

	position:relative;
	overflow:hidden;	 	
	height:265px !important;
}

div.playlist div.clips {	
	position:absolute;
	height:20000em;
}

div.playlist, div.clips {
	width:260px;	
}

div.clips a {
	background:url(../images/h80.png);
	display:block;
	background-color:#fefeff;
	padding:12px 15px;
	height:46px;
	width:195px;
	font-size:12px;
	border:1px outset #ccc;		
	text-decoration:none;
	letter-spacing:-1px;
	color:#000;
}

div.clips a.first {
	border-top-width:1px;
}

div.clips a.playing, div.clips a.paused, div.clips a.progress {
	background:url(../images/light.png) no-repeat 0px -69px;
	width:225px;
	border:0;
}
	
div.clips a.progress {
	opacity:0.6;		
}

div.clips a.paused {
	background-position:0 0;	
}

div.clips a span {
	display:block;		
	font-size:11px;
	color:#666;
}

div.clips a em {
	font-style:normal;
	color:#f00;
}	

div.clips a:hover {
	background-color:#f9f9fa;		
}

div.clips a.playing:hover, div.clips a.paused:hover, div.clips a.progress:hover {
	background-color:transparent !important;		 
}


div.clips.low a {	
	height:45px;
}

div.clips.low img{
	height:30px;
}

div.clips.low a.playing, div.clips.low a.paused, div.clips.low a.progress {
	background-image:url(../images/light.png);
	background-position:0 -70px;
}

div.clips.low a.paused {
	background-position:0 0;	
}


/*}}}*/


/*{{{ go buttons */

a.go {
	display:block;
	width:18px;
	height:18px;
	background:url(../images/arrow/up.png) no-repeat;
	margin:5px 0 5px 105px;
	cursor:pointer;
}

a.go:hover, a.go.down:hover {
	background-position:0px -18px;		
}

a.go.down {
	background-image:url(../images/arrow/down.png);	
}

div.petrol a.go {
	background-image:url(/img/playlist/arrow/up_dark.png);		
}

div.petrol a.go.down {
	background-image:url(/img/playlist/arrow/down_dark.png);		
}

a.go.disabled {
	visibility:hidden;		
}

/*}}}*/


#contactform ol li{
	list-style-type: none!important;
}

#triallink{
	margin: 10px 5px 0 30px;
	border-bottom:1px solid #E2E2E2;
	vertical-align: middle;
	display: block;
	height: 50px;
	padding-left:10px;
}
#triallink img{
}
#triallink a, #triallink a:visited {
	color:#666666;
	text-decoration:none;
	float: left;
}
#triallink a:hover{
	text-decoration: underline;
}
#triallink .linkpad{
	margin-top: 10px;
}
.prev{
	float: left!important;
	margin: 0 0 0 -20px!important;
}
.next{
	float: right!important;
}

#flowpanes .custom{
	width:50px!important;
}

.movie_placement {
	float: left;
	height: 380px;
	width: 340px;
	margin-right: 15px;
	margin-bottom: 15px;
}
#content #right .callout_section{
	background-image: url(../images/content_pane-gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 3px solid #E9EAEE;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
#content #right .callout_section h2 {
	color: #09143F;
	font-size: 16px;
	font-family: Tahoma, Geneva, sans-serif;
}
#content #right h1.leadin{
	line-height: 28px;
	color: #003;
}


/* Call Button Section CSS */
#content #right  .callme{
	margin: 5px 0px;
	padding: 4px;
	border: 1px solid #CCC;
}
#content #right .callme h2 {
	text-align: center;
	margin: 0;
	padding: 4px;
	display: block;
	background-color: #C7D3E7;
}
#content #right .callme p {
	margin: 5px;
	padding: 0px;
}
#content #right .callme img {
	float: none;
	padding: 0;
	margin-right: auto;
	margin-left: auto;
}
#miscpanel {
	margin-left: 30px;
	margin-top: 50px;
	font-size: 10px;
}
.center   {
	text-align: center;
}
#miscpanel h1 {
	font-size:16px;
	color:#4779B6;
	margin: 10px 0px;
	font-weight: normal;
}
#miscpanel h2 {
	font-size:18px;
	color:#666;
	font-weight: normal;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}


/* 2nd Landing page CSS */

#miscpanel {
	margin-left: 30px;
	margin-top: 50px;
	font-size: 10px;
}
.center   {
	text-align: center;
}
#miscpanel h1 {
	font-size:16px;
	color:#4779B6;
	margin: 10px 0px;
	font-weight: normal;
}
#miscpanel h2 {
	font-size:18px;
	color:#666;
	font-weight: normal;
	margin-top: 5px;
	margin-full-width: 0px;
	margin-bottom: 12px;
	margin-left: 0px;
}


#full-width {
	width: 800px;
	border-left-width: none;
	margin: 0px auto;
	padding: 10px;
}

#full-width h1 {
	font-size: 18px;
	font-weight: normal;
	color: #4779b6;
	margin-bottom: 15px;
}

#full-width h3 {
	border-bottom: 1px solid #ccc;
	margin-top: 10px;
	margin-full-width: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
}
#content #full-width h2 {
	font-size: 12px;
	font-weight: bold;
	color: #000000;
	margin-top: 4px;
	margin-bottom: 4px;
}

#content #full-width h4 {
	color: #999;
	font-size: 11px;
	font-weight: normal;
	margin-bottom: 15px;
}
#full-width h5 {
	font-size: 18px;
	color: #000;
	font-weight: normal;
	line-height: 25px;
	padding-top: 10px;
	padding-bottom: 10px;
}

#content #full-width h4 a, #content #full-width h4 a:visited { color:#999999; text-decoration:none;}
#content #full-width h4 a:hover { text-decoration:underline; color:#000066;}

#full-width img {
	padding: 4px;
	float: full-width;
	margin-top: 0px;
	margin-full-width: 3px;
	margin-bottom: 3px;
	margin-left: 0px;
}

div#full-width li {
	padding: 0px;
	font-size: 1em;
	line-height: 1.5em;
	margin-top: 0em;
	margin-full-width: 0;
	margin-bottom: 1em;
	margin-left: 2em;
	list-style-type: circle;
	}
#full-width .movie_placement{
	float: left;
	width: 375px;
	height: 300px;
	margin-full-width: 15px;
	margin-bottom: 15px;
	margin-left: 10px;
	margin-right: 10px;
}
#content #full-width  .callme{
	margin: 5px;
	padding: 4px;
	border: 1px solid #CCC;
}
#content #full-width .callme h2 {
	text-align: center;
	margin: 0;
	padding: 4px;
	display: block;
	background-color: #C7D3E7;
}
#content #full-width .callme p {
	margin: 5px;
	padding: 0px;
}
#content #full-width .callme img {
	float: none;
	padding: 0;
	margin-full-width: auto;
	margin-left: auto;
}
#content #full-width .callout_section{
	background-image: url(../images/content_pane-gradient.gif);
	background-repeat: repeat-x;
	background-position: left bottom;
	border: 3px solid #E9EAEE;
	padding-top: 4px;
	padding-right: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
}
#full-width #textbox {
	line-height: 24px;
	color: #333333;
	padding: 8px;
	float: left;
	width: 375px;
}
#content #full-width h3 {
	font-size: 18px;
	color: #000000;
	text-align: center;
	border: 1px solid #CCCCCC;
	padding: 5px;
	background-color: #C7D3E7;
}
#content #full-width .callout_section h2 {
	color: #000033;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
}
#content #full-width h1.leadin{
	line-height: 22px;
	color: #003!important;
}
a.boldbuttons{
	display: block;
	float: left;
	font: bold 13px Arial; /* Change 13px as desired */
	line-height: 22px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 30px) */
	height: 30px; /* Height of button background height */
	padding-left: 10px; /* Width of left menu image */
	text-decoration: none;
	background-color: transparent;
	background-image: url(../images/black_btn_left.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.boldbuttons {
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
}

a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{
color: white!important; /*button text color*/
}

a.boldbuttons span{
	display: block;
	padding: 2px 10px 6px 2px; /*Set 10px to be equal or greater than'padding-left' value above*/
	background-color: transparent;
	background-image: url(../images/black_btn_right.jpg);
	background-repeat: no-repeat;
	background-position: right top;
}

a:hover.boldbuttons{ /* Hover state CSS */
text-decoration: underline;
}


.buttonwrapper{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	width: 125px;
}

.buttonwrapper-2{ /* Container you can use to surround a CSS button to clear float */
	overflow: hidden; /*See: http://www.quirksmode.org/css/clearing.html */
	width: 130px;
	text-align: center;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	float: right;
}
.filelink{
	margin: 5px 0 0 0;
	padding: 5px 10px;
	border: 1px solid #b6b6b6;
	background-color: #efefef;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #1e1e1e;
}