@import url(forms.css);
@import url(editor.css);
@import url(../footer-awards.css);

/* ######################################### STYLESHEET RESET ### */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
ul, ol {margin: 0.5em 0 0.5em 2em;}
:focus { outline: 0;}
.clear { clear:both; }
span.clear { display:block;}
.hidden { position:absolute; margin-left:-200000px; left:-200000px; top:-200000px;}
#mobile_name { display:none; }
a:link { color: #009; text-decoration:none; font-weight:bold;}
a:visited { text-decoration:none; font-weight:bold;}
a:hover { text-decoration:underline; font-weight:bold;}
a:active { text-decoration:underline; font-weight:bold;}
h1, h2, h3, h4, h5, h6 {font-size: 1.3em; font-weight:bold; font-family: helvetica, verdana, arial, san-serif; margin:0; padding:0;}
img {vertical-align:middle;}

/* ######################################## STRUCTURAL LAYOUT ### */
body { font-size: 77%; font-family: Verdana, Arial, Helvetica, sans-serif; color: #000; padding:0; margin:0; line-height: 1.5; background: #f5f5f5; }
body > html {font-size: 12px;}

#wrapper { padding: 0; margin: 0 auto; width: 990px; background: #fff}
#page_wrap { margin: 0; padding: 0 10px;}
#page { float:left; width:100%; }

/* ############################################################## */

#mast { clear:both; padding:0 0 6px 0; margin:0 10px 15px 10px; border-bottom: 1px solid #ccc; }

#mast .pseudoH1 { clear:left; float: left; margin:0; padding:0; background: url(../css_img/logo.gif) no-repeat top left; width: 592px; height: 103px; }
#mast .pseudoH1 a, #mast .pseudoH1 a:link, #mast .pseudoH1 a:visited, #mast .pseudoH1 a:hover, #mast .pseudoH1 a:active { display: block; width: 592px; height: 103px; padding:0; background: url(../css_img/logo.gif) no-repeat top left;}
#mast .pseudoH1 span { position: absolute; margin-left: -13000px; left: -13000px}

#mast p { background: #000; float:right; padding:5px; text-align:right; width: 310px; font-size: 0.9em; color: #fff; margin-top:0;}
#mast p a:link, #mast p a:visited {color: #fff; padding: 2px 4px; font-weight:normal; }
#mast p a:hover, #mast p a:active {color: #aaa; padding: 2px 4px; background: #000; font-weight:normal; text-decoration: none;}

#mast form {clear:right; text-align:right; float:right; margin: 35px 0 0 0;}
#mast form label {position:absolute; margin-left: -200000px; left: -200000px;}
#mast form input.field {margin:0; padding: 3px; width: 200px; border:1px solid #999; font-size:1.1em; line-height: 1em; }
#mast form input.button { background: #000; padding:2px 5px; border: 1px solid #222; font-size:1.1em; line-height: 1em; color: #fff; margin: 0; min-height: 23px;}
#mast form a {display:block; text-align:right; font-size: 0.9em; padding: 0 0 5px 0;}

#mast ul#skip {margin:0; padding:0; list-style:none; position:absolute; top: -1000px; left:0;} 
#mast ul#skip li {margin:0; padding:0; list-style:none;} 
#mast #skip a, #mast #skip a:link, #mast #skip a:hover, #mast #skip a:visited { position:absolute; left:0; top: -1000px; width:1px; height:1px; overflow:hidden;}
#mast #skip a:active, #mast #skip a:focus { position:static; width:auto; height:auto; padding-left:11px; }

/* ############################################################## */

#content #announcement, #content #trackedURL { background: #f5f5f5; border: 1px solid #ccc; padding: 5px;}
#content #announcement div.h2, #content #trackedURL div.h2 {border-bottom: 1px solid #ccc; padding: 0 0 5px 0; margin: 0; font-size: 1.3em; font-weight:bold; font-family: helvetica, verdana, arial, san-serif; }
#content #announcement p, #content #trackedURL p { padding: 5px 0; margin: 0;}
	
/* ############################################################## */

#content { margin: 0; width: 970px; overflow: hidden; min-height: 350px;}
#content.withWidth { margin: 0 0 0 220px; width: 750px; overflow: hidden;}

#content h1 { margin:10px 0; font-size: 1.5em; padding:0 0 10px 0; border-bottom: 1px solid #ccc;  }
#content h1.hidden { margin-left: -20000px; position:absolute;}
#content h2 { margin:0 0 10px 0; clear:left;}
#content h2.signin { font-size: 1.2em; color: #fff; background: #000; padding:3px 10px; margin-bottom:0; }
#content h3 { margin: 0 0 10px 0; font-size: 1.2em; }
#content h4 { margin: 0 0 10px 0; font-size: 1.1em; }

#content p { padding: 0 0 20px 0;} 
#content p.first { font-size: 1.1em; line-height: 1.5;}
#content p.date { margin: 10px 0 0 0; font-size: 0.9em; color: #666;}
#content p.faq { margin: 0 15px; }
#content p.page_down { margin: 0 15px 10px 15px; padding-left: 20px; background: url(../css_img/icon_download.gif) no-repeat 0 0.4em;}
#content p.news { margin:0; font-size:1.1em;}
#content p.small {font-size: 0.9em;}
#content p.note { margin: 0; font-size: 0.9em; color: #666; }
#content p.details { margin: 5px 0; padding: 0; font-size: 0.9em; color: #666; }

#content table { margin: 10px 0; width:99%; border-collapse: collapse; background: #eee; border: 1px solid #ddd}
#content table tr { border: 1px solid #fff; background: #f5f5f5}
#content table td { border: 1px solid #fff; background: #f5f5f5; padding: 5px}
#content table th { border: 1px solid #fff; background: #333; color: #fff; font-weight: normal; font-size: 1.1em; line-height: 1.6em;}
#content table th a:link, #content table th a:visited, #content table th a:hover, #content table th a:active { color: #fff; }
#content table caption { font-size:1.1em; }

#content .serviceDetails table th { vertical-align: top; font-size: 1em; text-align: left; padding: 5px;}

/* LUL #content xstrong,*/ #content span.email, #content span.fax, #content span.tel, #content span.arrw, #content span.user { font-weight: normal; color: #333;}
#content address { font-style:normal; background: url(../css_img/icon_email.gif) no-repeat 0 4px; padding: 3px 0 3px 20px;}

#content ul li { padding: 0 0 10px 0;}
#content ol li { padding: 0 0 10px 0;}

#content div.info_left { margin:0; padding:0 1%; float:left; width: 47%;}
#content div.info_right { margin:0; padding:0 1%; float:right; width: 47%;}
#content ul.info_left { margin:0; padding:0 1% 0 0; float:left; width: 49%;}
#content ul.info_right { margin:0; padding:0; float:left; width: 49%;}
#content ul.info_right li, #content ul.info_left li { margin: 0 0 10px 0; padding: 0; } 

#content ul.list { margin: 0; padding: 0; list-style:none;}
#content ul.list li { margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(../css_img/icon_plus.gif) no-repeat 0 0.15em;}
#content ul.list li ul li { list-style:none;}
#content ul.noList { margin: 0; padding: 0; list-style: none;}
#content ul.noList li { margin: 0 0 10px 0;}
#content ol.orderd_list { margin: 0 0 10px 30px;}
#content .sitemap ul { padding-left:15px;}

#content .display_box, #content .lead {font-size: 1.1em;}

#content .poll_box {border-bottom: 1px solid #ccc;  padding: 0 0 10px 0;}
#content .poll_box img { margin: 10px 0; border: 1px solid #666; padding: 1px;}

#content img.contentimage, #content img.main_image, #content .display_box img, #content .lead img{ float: right; margin: 0 0 15px 15px; height: 130px;  border: 1px solid #ccc; padding: 1px;}
#content img.salesBoard {float:left; margin: 0 15px 15px 0; height:50px;}

#content .search_result, #content .download_box, #content .cate_info, #content .doc_info, #content #related, #content .plain_box, #content .sitemap, #content .lead, #content .display_box, #content .content_box, #content .contactbox, #content .gallery_box { margin: 20px 0; padding:0; clear:both;}
#content .contactbox {margin-top: 40px;}
/*LUL #content .search_result h2, #content .search_result h3, #content .search_result h4, #content .download_box h2, #content .download_box h3, #content .cate_info h2, #content .gallery_box h3,
#content .doc_info h2, #content #related h2, #content .sitemap h2, #content .content_box h2, #content .content_box h3, #content .contactbox h3 { border-bottom: 1px solid #eee;  padding: 0 0 10px 0;} */
#content .search_result img { height: 60px;}
#content .download_box ul { margin: 0; padding: 0; list-style:none;}
#content .download_box ul li { margin: 0 0 5px 15px; padding: 0 0 0 20px; background: url(../css_img/icon_plus.gif) no-repeat 0 0.15em;}
	
#content #related ul { margin:0; padding:0; list-style:none; }
#content #related ul li { margin:10px 0 0 0; padding: 0;  width:49%; float:left;}
#content #related ul li a, #content span.email, #content span.fax, #content span.tel, #content span.arrw, #content span.user { padding: 3px 0;}
#content span.user { background: url(../css_img/icon_user.gif) no-repeat 0 0.25em; padding-left: 20px;}
#content span.tel { background: url(../css_img/icon_tel.gif) no-repeat 0 0.25em; padding-left: 20px;}
#content span.arrw { background: url(../css_img/icon_arrow.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relform a:link, #content #related ul li.relform a:visited, #content #related ul li.relform a:hover, #content #related ul li.relform a:active { background: url(../css_img/icon_form.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.reldownload a:link, #content #related ul li.reldownload a:visited, #content #related ul li.reldownload a:hover, #content #related ul li.reldownload a:active { background: url(../css_img/icon_download.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relpodcast a:link, #content #related ul li.relpodcast a:visited, #content #related ul li.relpodcast a:hover, #content #related ul li.relpodcast a:active { background: url(../css_img/icon_podcast.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relgallery a:link, #content #related ul li.relgallery a:visited, #content #related ul li.relgallery a:hover, #content #related ul li.relgallery a:active { background: url(../css_img/icon_gallery.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relmeet a:link, #content #related ul li.relmeet a:visited, #content #related ul li.relmeet a:hover, #content #related ul li.relmeet a:active { background: url(../css_img/icon_meet.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.reldocs a:link, #content #related ul li.reldocs a:visited, #content #related ul li.reldocs a:hover, #content #related ul li.reldocs a:active { background: url(../css_img/icon_doc.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relnews a:link, #content #related ul li.relnews a:visited, #content #related ul li.relnews a:hover, #content #related ul li.relnews a:active { background: url(../css_img/icon_news.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relevents a:link, #content #related ul li.relevents a:visited, #content #related ul li.relevents a:hover, #content #related ul li.relevents a:active { background: url(../css_img/icon_event.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relfaq a:link, #content #related ul li.relfaq a:visited, #content #related ul li.relfaq a:hover, #content #related ul li.relfaq a:active, #content span.comment { background: url(../css_img/icon_faq.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relprint a:link, #content #related ul li.relprint a:visited, #content #related ul li.relprint a:hover, #content #related ul li.relprint a:active, #content span.fax { background: url(../css_img/icon_print.gif) no-repeat 0 0.4em; padding-left: 20px;}
#content #related ul li.relemail a:link, #content #related ul li.relemail a:visited, #content #related ul li.relemail a:hover, #content #related ul li.relemail a:active, #content span.email { background: url(../css_img/icon_email.gif) no-repeat 0 0.25em; padding-left: 20px;}

#content #breadcrumb { font-size: 0.9em; color: #666; padding: 0 0 20px 0;}
#content #breadcrumb ul { margin: 0; padding: 0; list-style: none;}
#content #breadcrumb ul li { margin: 0; padding:0 4px 0 0; display:inline;}
#content #breadcrumb ul li a:link, #content #breadcrumb ul li a:visited, #content #breadcrumb ul li a:hover, #content #breadcrumb ul li a:active { color: #666; background: url(../css_img/bullet.gif) no-repeat right 0.45em; padding: 0 10px 0 0;}
#content #breadcrumb ul li span {font-weight: bold; color: #333;}

#content #calendarcontainer {float: right; width: 200px; margin: 0 15px 10px 15px; }
#content #calendarcontainer #calendar td { text-align: center; line-height: 1.8em; padding:0;}
#content #calendarcontainer table#calendar td.today { background: #333; color: #fff;}
#content #calendarcontainer #calendar td a:link, #content #calendarcontainer #calendar td a:visited, #content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #666; color: #fff; display:block; text-decoration: none;}
#content #calendarcontainer #calendar td a:hover, #content #calendarcontainer #calendar td a:active { background: #333;}
 	
#content #az_index { margin:20px 0; padding:0 0 20px 0; border-bottom: 1px solid #ccc;  }
#content #az_index ul { text-transform: uppercase; list-style:none; margin:0; padding:0 0 20px 0; }
#content #az_index li { list-style:none; display:inline; font-size:1.6em;}
#content #az_index li a, #az_index li span { float: left; text-align: center; line-height:1.1em; margin:0 0 6px 6px; padding:2px 3px 3px 3px; width: 1.4em; display:block; }
#content #az_index li a:link, #content #az_index li a:visited, #content #az_index li a:hover, #content #az_index li a:active {border: 1px solid; background: #fff;}
#content #az_index li span { border: 1px solid; color: #ccc; background: #fff;  font-weight:bold;}
#content #tag_cloud a {padding: .1em .4em; margin: 2.2em .4em; line-height: 1.4;}
 	
#content .person_box { width: 48%; margin: 10px 1% 10px 0; float: left; padding:0; }
#content .person_box strong { clear:left; display:block; font-size: 1.3em; font-weight: bold; border-bottom: 1px solid #ccc;  padding: 0 0 10px 0; }
#content .person_box img { width: 60px; border: 1px solid #666; padding: 1px; float: left; margin:5px 10px 10px 0; }
#content .person_box dd { padding: 0 0 5px 0; }
#content .person_box dt { padding: 0 0 10px 0; }
 	
#content .featureAdvert { border: 1px solid #ddd; width: 180px; margin: 10px 10px 0 10px; text-align: center; overflow: hidden; float:left;}
#content .featureAdvert img {  border-bottom: 1px solid #ddd; width: 176px;}
#content .featureAdvert p { padding: 5px;}

#content .supplement {margin: 10px; padding: 10px; border-bottom: 1px solid #ddd; clear:left; background: #f5f5f5}
#content .supplement img {margin: 0 5px 5px 0;  width: 176px;}

#content .sociable {margin: 1em 0; padding:0; clear:both;}
#content .sociable h3 {margin:0; font-size: 1.2em; padding-bottom:.3em;}
#content .sociable ul {float:left; font-size:1em; list-style:none; padding:0 0 1.5em; margin:0; width:100%;}
#content .sociable ul li {display:inline; list-style-type:none; padding:.8em 1.8em .7em 2em; line-height:2.5em;}
#content .sociable ul li.digg {background:url('../css_img/bm16pxdigg.gif') no-repeat left;}
#content .sociable ul li.delicious {background:url('../css_img/bm16pxdelicious.gif') no-repeat left;}
#content .sociable ul li.stumbleupon {background:url('../css_img/bm16pxstumble.gif') no-repeat left;}
#content .sociable ul li.reddit {background:url('../css_img/bm16pxreddit.gif') no-repeat left;}
#content .sociable ul li.facebook {background:url('../css_img/bm16pxfacebook.gif') no-repeat left;}
#content .sociable ul li.mixx {background:url('../css_img/bm16pxmixx.gif') no-repeat left;}
#content .sociable ul li.google {background:url('../css_img/bm16pxgoogle.gif') no-repeat left;}
#content .sociable ul li.linkedin {background:url('../css_img/bm16pxlinkedin.gif') no-repeat left;}
#content .sociable ul li.live {background:url('../css_img/bm16pxlive.gif') no-repeat left;}
#content .sociable ul li.newsvine {background:url('../css_img/bm16pxnewsvine.gif') no-repeat left;}
#content .sociable ul.whatis {padding:1em 0 0;}

#content .galleryNavigation {width: 250px; float: right; margin-right: 10px;}
#content .galleryNavigation h2 {font-size: 1.2em;}
#content .galleryNavigation h3 {font-size: 1.2em; margin-top: 10px; color: #333}
#content .galleryNavigation p { font-size: 0.9em; color: #666; margin:0; padding:5px 0; clear:both;}
#content .galleryNavigation p strong { color: #333}
#content .galleryNavigation ol {font-size: 0.9em; color: #666; margin:0 0 0 20px; padding:5px 0; clear:both;}

#content .galleryNavigation #gallery_near_items { list-style: none; margin:0 0 10px 0; padding:0; }
#content .galleryNavigation #gallery_near_items li { position:relative; font-size: 0.9em; color: #666; text-align: center; float: left; display: block; padding: 5px 10px 15px; width: 75px; height: 75px; background: #f5f5f5; border: 1px solid #e5e5e5; margin:0 15px 15px 0;}
#content .galleryNavigation #gallery_near_items li img.typeIcon { position: absolute; bottom:10px; right:10px;}

#content #gallery_item, #content #podcast_multimedia {float: left;margin: 0 10px 60px 10px; text-align: left; padding-top: 10px; }

#content .galleryNavigation #gallery_near_items li.previous { background: #f5f5f5 url('../css_img/left_arrow.gif') no-repeat left bottom; }
#content .galleryNavigation #gallery_near_items li.next { background: #f5f5f5 url('../css_img/right_arrow.gif') no-repeat right bottom; } 

#content ul#gallery_list {margin:10px 0 0 0; padding:10px 0 0 0; list-style: none; border-top: 1px solid #e5e5e5;}
#content ul#gallery_list li {position: relative; display:block; float:left; margin: 10px; text-align: left; padding: 5px; height: 210px; width: 210px; font-size: 0.8em; color: #999;}
#content ul#gallery_list li strong { color: #333; font-size: 1.2em;}
#content ul#gallery_list li img { margin:5px 0; display:block; }
#content ul#gallery_list li img.typeIcon { position: absolute; top:5px; right:5px; border: none;}

#content .page_nav { clear:both; background: #f5f5f5; margin: 20px 0; padding: 10px; text-align:center; }
#content .page_nav a:link, #content .page_nav a:visited, #content .page_nav a:hover, #content .page_nav a:active {background: none;}

/* ############################################################## */

#column_nav {width: 199px; float:left; padding:0; margin:0 0 0 -970px; border-right: 1px solid #ddd;}

#column_nav h2.navWidget { font-size: 1.2em; color: #000; padding:10px 0 5px 0; border-bottom: 1px solid #ccc;}
#column_nav ul.navWidget { margin:0 0 10px 0; padding:0; list-style:none;}
#column_nav ul.navWidget li { margin: 0; padding:10px 0; border-bottom: 1px solid #ddd; color: #333; font-size:1em}
#column_nav ul.navWidget li a:link, #column_nav ul.navWidget li a:visited, #column_nav ul.navWidget li a:hover, #column_nav ul.navWidget li a:active { color: #333; font-weight: normal; } 

#column_nav .featureAdvert { border: 1px solid #ddd; width: 178px; margin: 10px 10px 0 10px; text-align: center; overflow: hidden;}
#column_nav .featureAdvert img {  border-bottom: 1px solid #ddd; width: 176px;}
#column_nav .featureAdvert p { padding: 5px;}

#column_nav .supplement {margin: 10px 10px 0 10px; width: 180px; overflow:hidden;}
#column_nav .supplement img {margin: 0 5px 5px 0; width: 176px;}

/* ######################################################### */

#footer { clear: both; margin: 10px 0 0 0; padding: 15px 0; color: #333; border-top: 1px solid #ccc; text-align: left; font-size: 0.9em; }
#footer p {margin-bottom: 5px;}