@charset "utf-8";
/* CSS Document */

/* 01. main/default elements */

body {font-family:Arial, Helvetica, sans-serif;background: #d7d7d8 url(../images/bg-body.gif) repeat-x top center;margin:0;}

a { color:#20262B; text-decoration: underline;}
a:hover { color:#20262B; text-decoration: underline;}

p { font-size:13px; color:#20262B; line-height:1.4em; }

/* 02. homepage wrapper */

#wrapper { width:963px; margin:0 auto;  background-color: White; }

/* 03. homepage header */

#header { width:942px; float:left; padding:0px 19px; padding-bottom:14px} 

/* 03.1 homepage header - top nav */

.topnav { width:942px; float:right; padding-top:5px; padding-bottom:15px}

.topnav p { font-size:11px; color:#6B747D; text-align:right} 
.topnav p a { color:#6B747D; text-decoration:none}
.topnav p a:hover { color:#6D9D32; text-decoration:underline}
.topnav p a.selected { color:#63cfff; text-decoration:underline} 

/* 03.2 homepage header - search */

.search { font-family:Arial, Helvetica, sans-serif; font-size:13px; background-color:white; border:0px; margin:0px; padding:0px 0px 0px 5px; }
#searchbox { background-color: #FFF; /*#FF7E2B;*/ height:18px; border: 1px solid #C7C7C7; width: 220px; float: right; margin: 7px 2px 10px 0; }

/* 03.3 homepage header - logo */

.logo { float:left; padding-top:0px;  padding-left: 0px;  border: none;  }

/* 03.4 homepage header - main navigation */

.navbar { width:685px; height:34px; float:right; background: url(../images/nav_major_bkgrd.gif) repeat-x; padding-bottom:10px} 

.navbar ul { list-style:none; padding:0 12px}
.navbar ul li { height:34px; float:left; background:url(../images/li_divider.gif) no-repeat right center; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; color:#BDBFC1; text-transform:uppercase; padding:0 7px}

.navbar ul li.bordernone { background:none}

.navbar ul li a { float:left; height:16px; color:#BDBFC1; text-decoration:none; padding:9px 7px}
.navbar ul li a:hover { color:#FFFFFF; text-decoration:none}
.navbar ul li a.selected { color:#249bf6; text-decoration:none; background:url(../images/bg_li_active.gif) repeat-x}
.navbar ul li a.selected:hover {color:#249bf6; text-decoration:none;}

/* 04. flash banner */

#flash { width:942px; float:left; padding:0px 19px; padding-bottom:14px; }


/* 05. content styles */

#content { width:942px; float:left; padding:0px 19px; padding-bottom:20px;  background-color: White;  }

#content h1 { font-size:28px; color:#249bf6; padding-top:0px padding-bottom:5px;}
#content h4 { font-size:14px; font-weight:normal; color:#249bf6; line-height:1.4em }
#content p {padding-bottom:20px}


/* 06. button links */

#buttons { width:942px; float:left; padding-bottom:20px;}

#buttons .learnmore { width:301px; height:90px; float:left; padding-left:13px; padding-right:13px;}
#buttons .unknown { width:301px; height:90px; float:left; padding-right:13px;}
#buttons .contactus { width:301px; height:90px; float:left;  padding-right:0px;}


/* 07. desktop management */

#cn_description { width:610px; float:left; padding-left: 10px; }
#cn_description p a { text-decoration:underline; color:#249bf6}
#cn_description h1 { font-size:28px; color:#249bf6; padding-bottom:5px}

.cloudready { width:400px; float:left; background:url(../images/cloudready_bkgd2.gif) no-repeat;padding: 0px 0 10px 190px;}
.cloudready ul { list-style:none;  margin-top: 5px;  margin-bottom: 5px;  }
.cloudready ul li { background:url(../images/li_cnlist.gif) no-repeat 0 6px; font-size: 11.5px; font-weight:normal; color:#20262B;line-height: 1em; padding-bottom:10px; padding-left:15px}
.cloudready ul li a {text-decoration:underline; color:#249bf6;  font-weight: bold; font-size: 12px; }
.cloudready ul li a:hover {text-decoration:underline; color:#249bf6}

/* 08. right list - news blog resources */

#rightlist { width:310px; float:left; padding-left:5px;}

#rightlist h4 { background:url(../images/heading_rightborder.gif) no-repeat right center; padding-bottom:5px; padding-top: 0px;  margin-top: 0px;  margin-bottom: 0px; font-size: 12px; }
#rightlist p { font-size:11px; padding-bottom:0px}
#rightlist h4 a {text-decoration:none; color:#249bf6}
#rightlist h4 a:hover {text-decoration:underline; color:#249bf6}

#rightlist .text_small { font-size:10px; color:#6B747D}

.news { width:260px; float:left; background:url(../images/icon_news.gif) no-repeat; padding-left:40px; padding-bottom:10px;   margin-top: 0px;}
.news p { line-height:1.3em; padding-bottom:0px;  padding-top: 0px;  margin-top: 0px;  margin-bottom: 5px; }

.events { width:260px; float:left; background:url(../images/icon_calendar.gif) no-repeat; padding-left:40px; padding-bottom:10px}
.events p { line-height:1.3em; padding-bottom:0px;  padding-top: 0px;  margin-top: 0px;  margin-bottom: 5px; }

.blog-posts { width:260px; float:left; background:url(../images/icon_blog.gif) no-repeat; padding-left:40px; padding-bottom:10px}
.blog-posts p { line-height:1.3em; padding-bottom:0px;  padding-top: 0px;  margin-top: 0px;  margin-bottom: 5px; }

.socialmedia { width:260px; float:left; background:url(../images/icon_resources.gif) no-repeat; padding-left:40px; padding-bottom:10px}
.socialmedia p { line-height:1.3em; padding-bottom:0px;  padding-top: 0px;  margin-top: 0px;  margin-bottom: 5px; }

/* 09. footer styles */
#footer {width:923px;background:#999 url(../images/bg-footer.gif) no-repeat top center;color:#FFF;margin:0;padding:40px 20px 60px 20px;overflow:hidden;}
#footer p {font-size:12px;line-height:14px;color:#FFF;margin:0 0 12px 0;}
#footer a {color:#FFF;text-decoration:none;}
#footer a:hover {text-decoration:underline;}
#footerContact {width:221px;margin-right:20px;float:left;}
#sitemap {width:680px;float:left;}
#sitemap h2 {width:108px;height:34px;background:url(../images/text-sitemap.gif) no-repeat;margin:0;padding:0;}
#sitemap h2 span {display:none;}
#sitemap ul {width:170px;margin:0;padding:0;list-style-type:none;float:left;}
#sitemap ul li {font-size:11px;font-weight:bold;line-height:14px;margin:0 0 12px 0;padding:0;}
#sitemap ul li ul {width:auto;margin:0;padding:0;list-style-type:none;float:none;}
#sitemap ul li ul li {font-size:11px;font-weight:normal;line-height:14px;margin:0;padding:0;}
#sitemap ul li ul li ul {width:auto;margin:0 0 0 12px;padding:0;list-style-type:none;float:none;}
#sitemap ul li ul li ul li {font-size:11px;font-weight:normal;line-height:14px;margin:0;padding:0;}


/* 10. innerpage heading */

#heading { width:980px; height:95px; background:url(../images/bg_heading.jpg) no-repeat top left; float:left;}

#heading h1 {padding-left:30px; padding-top:15px}

#heading .sublinks {width:942px; padding:0px 19px; float:left; padding-top:20px}

#heading .sublinks ul {float:left; list-style:none; padding-left:6px}
#heading .sublinks ul li { float:left; padding-left:5px; color:#4D565D; font-size:11px; font-weight:bold}
#heading .sublinks ul li a { float:left; background:url(../images/arrow_caption.gif) no-repeat right;  padding-right:15px; color:#4D565D; text-decoration: underline; font-weight:normal}

/* 11. left panel */

#leftpanel { width:220px; float:left}

.leftnav_heading { height:21px; background:url(../images/bg_leftnav_heading.gif) no-repeat bottom center; font-size:12px; color:#CCCCCC; padding-left:20px; font-weight:bold; text-transform:uppercase; padding-top:7px}
.leftnav_heading a { color:#CCCCCC; text-decoration:none; }
.leftnav_heading a:hover { color:#FFFFFF; text-decoration:none}


.leftnav ul { margin:0; padding:0; background:url(../images/bg_leftnav_bottom.gif) no-repeat bottom; padding-bottom:15px;}
.leftnav ul li { margin:0; padding:0; list-style:none; font-size:12px; background:#E0E6E8; border-bottom:1px solid #FFFFFF; color:#626363}
.leftnav ul li a { display:block; text-decoration:none; color:#626363; padding:6px 5px; padding-left:20px; }
.leftnav ul li a:hover { background:url(../images/bg_leftnav_hover.gif) repeat-x top; text-decoration:none; color:#fff}
.leftnav ul li .selected { background:url(../images/bg_leftnav_hover.gif) repeat-x top; text-decoration:none; color:#fff; padding-left:20px}
.leftnav ul li .selected:hover { background:url(../images/bg_leftnav_hover.gif) repeat-x top; text-decoration:none; color:#fff; padding-left:20px}


.leftnav ul li ul { padding:3px 0px; background:url(../images/bg_leftnav_selected.gif) repeat-x top; }
.leftnav ul li ul li { margin:0; padding:2px 0px; list-style:none; color:#626363; padding-left:35px; background:none }
.leftnav ul li ul li a { display:block; margin:0; padding:2px 0px; text-decoration:none; color:#626363; padding-left:10px }
.leftnav ul li ul li a:hover { text-decoration:none; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}
.leftnav ul li ul li .selected { text-decoration:none; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}
.leftnav ul li ul li .selected:hover { text-decoration:none; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}


.leftnav ul li ul li .pdf { float:left; padding-right:5px}

/* 12. right panel */

#rightpanel { width:700px; float:left; padding-left:20px}
#rightpanel h2 {  font-size:16px; color:#249bf6; }
#rightpanel h2 a { text-decoration:none; color:#249bf6; }
#rightpanel h2 a:hover { text-decoration: underline; color:#249bf6; }
#rightpanel h3 {  font-size:12px; color:#249bf6; padding-bottom:5px; }

#rightpanel p { font-size:12px; line-height:1.6em}
#rightpanel p a { color:#249bf6}

.img_adaptive { float:right; padding-left:10px; padding-bottom:10px}
.img_left { float:left; padding-right:10px; padding-bottom:2px; padding-top:5px; }

.greybox { width: auto; background:#E0E6E8; border:1px solid #CCD0D2; padding:10px 8px; margin-bottom:20px; overflow:hidden}

.greybox .thumb { border:2px solid #FFFFFF; float:left; margin-right:8px}

.greybox a { color:#249bf6; text-decoration:none; }
.greybox a:hover { text-decoration:underline; }
.greybox h3 { font-size:13px; font-weight:bold; color:#4D565D}
.greybox h6 { font-size:14px; color:#6B747D; font-style:italic; margin:0; padding:0; line-height:1.4em}

ul.list {padding-left:27px; padding-bottom:10px}
ul.list li { list-style:none; background:url(../images/arrow_black_trans.gif) no-repeat 0px 4px; padding-left:15px; line-height:1.6em}
ul.list li a { color:#249bf6; text-decoration:none; }
ul.list li a:hover { text-decoration:underline; }

.article { width: auto;  overflow:hidden; padding-left:0px; border-bottom:1px solid #EEEDEC; padding-bottom:0px; margin-top:10px; padding-top:10px}
.article-nodivider { width: auto; overflow:hidden; padding-top:15px}

.thumb { float:left; }

/* 12.1 right panel - column 2 */

#rightpanel .column2 { width:220px; float: right; padding-left:20px; padding-bottom:10px}

#rightpanel .column2 .documentation { width:125px; height:60px; float:left; background:url(../images/bg_documentation.gif) no-repeat left; padding-left:95px; padding-top:10px}
#rightpanel .column2 .twitter { width:125px; height:60px; float:left; background:url(../images/bg_twitter.gif) no-repeat left; padding-left:95px; padding-top:10px}
#rightpanel .column2 .rss { width:125px; height:60px; float:left; background:url(../images/bg_rss.gif) no-repeat left; padding-left:95px; padding-top:10px}


#rightpanel .column2 .documentation h2 { font-size:14px; font-weight:bold; color:#20262B; padding-bottom:2px;}
#rightpanel .column2 .documentation p { font-size:10px; line-height:1.2em; color:#4D565D; padding-bottom:0px}
#rightpanel .column2 .documentation p a { text-decoration:underline; color:#20262B;}
#rightpanel .column2 .documentation p a:hover { text-decoration:none; color:#20262B;}

#rightpanel .column2 .twitter h2 { font-size:14px; font-weight:bold; color:#20262B; padding-bottom:2px;}
#rightpanel .column2 .twitter p { font-size:10px; line-height:1.2em; color:#4D565D; padding-bottom:0px}
#rightpanel .column2 .twitter p a { text-decoration:underline; color:#20262B;}
#rightpanel .column2 .twitter p a:hover { text-decoration:none; color:#20262B;}

#rightpanel .column2 .rss h2 { font-size:14px; font-weight:bold; color:#20262B; padding-bottom:2px;}
#rightpanel .column2 .rss p { font-size:10px; line-height:1.2em; color:#4D565D; padding-bottom:0px}
#rightpanel .column2 .rss p a { text-decoration:underline; color:#20262B;}
#rightpanel .column2 .rss p a:hover { text-decoration:none; color:#20262B;}

.rightnav { width:220px; float: left; padding-top:25px; padding-bottom:25px}

.rightnav_heading {background:url(../images/bg_rightnav.gif) no-repeat left; font-size:18px; color:#249bf6; padding-left:40px; padding-top:5px;}

.rightnav ul { padding:10px 0px; float:left }
.rightnav ul li  { margin:0; padding:2px 0px; list-style:none; color:#626363; padding-left:30px; background:none; font-size:14px }
.rightnav ul li a { display:block; margin:0; padding:2px 0px; text-decoration:none; color:#626363; padding-left:10px }
.rightnav ul li a:hover { text-decoration: underline; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}
.rightnav ul li .selected { text-decoration:underline; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}
.rightnav ul li .selected:hover { text-decoration:underline; color:#249bf6; background:url(../images/arrow_subnav.gif) no-repeat left; padding-left:10px}

#rightpanel .column2 .greybox { width:220px; float:left; background:#E0E6E8; border:1px solid #CCD0D2; padding:10px 8px; margin-bottom:20px; overflow:hidden}
#rightpanel .column2 .greybox h6 { font-size:12px; color:#6B747D; font-style:italic; margin:0; padding:0; line-height:1.3em}
#rightpanel .column2 .greybox h6 ul { padding-left:10px;}
#rightpanel .column2 .greybox h6 ul li { padding-left:15px; list-style:none; background:url(../images/arrow_gray_trans.gif) no-repeat 0px 4px;}

.container {margin:0 auto;width:923px;height:36px;  padding-top: 5px;overflow:hidden;}
#follow-us {background-clip:border;background-inline-policy:continuous;background-origin:padding;background:#999999 url(../images/follow_us_bg1.gif) repeat-x scroll 0 0;line-height:36px;vertical-align:baseline;}
#follow-us p {font-size:11px;color:#515151;margin-bottom:0;padding:5px 7px;}
#follow-us a {padding-bottom:5px;padding-top:5px;text-decoration:none;color:red;}
#follow-us a:hover {color:black;text-decoration:none;}
#icon-facebook {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/icon_facebook.png) no-repeat scroll 0 50%;margin-right:20px;padding-left:19px;}
#icon-twitter {-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;background:transparent url(../images/icon_twitter1.gif) no-repeat scroll 0 50%;margin-left:20px;margin-right:20px;padding-left:35px;color:#515151;}

/*Twitter*/
.twitterIconDateCell
{
    background: transparent url(./Modules/Images/TwitterIcon.gif) no-repeat left center;
    padding-left: 20px;
    height: 20px;
    line-height: 20px;
    font-weight: bold;
}

.twitterItem
{
    background: transparent url(images/small-arrow-4.gif) repeat-x center bottom;
    margin: 0 0 8px 0;
    padding-bottom: 8px;
}

.twitterContentCell
{
    margin-left: 20px;
    font-size: 9px;
}