
H1{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 16px; color: #000000; margin:0px; padding:0px;}
H2{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 14px; color: #000000; margin:0px; padding:0px;}
H3{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 13px; color: #000000; margin:0px; padding:0px;}
body{font-family: Arial, Helvetica, sans-serif; font-weight: normal; font-size: 12px; color: #333333; padding: 10px 0 0; background:#000;}
A:LINK { text-decoration: none; color: #83080F; font-family: Arial, Helvetica, sans-serif; }
A:VISITED { text-decoration: none; color: #83080F; font-family: Arial, Helvetica, sans-serif;}
A:HOVER { text-decoration: underline; color: #83080F; font-family: Arial, Helvetica, sans-serif;}


/** Fonts **/

@font-face {
    font-family: 'UbuntuLight';
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-light-webfont.eot');
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-light-webfont.woff') format('woff'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-light-webfont.ttf') format('truetype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-light-webfont.svg#UbuntuLight') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuRegular';
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-regular-webfont.eot');
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-regular-webfont.woff') format('woff'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-regular-webfont.ttf') format('truetype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-regular-webfont.svg#UbuntuRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuMedium';
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-medium-webfont.eot');
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-medium-webfont.woff') format('woff'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-medium-webfont.ttf') format('truetype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-medium-webfont.svg#UbuntuMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'UbuntuBold';
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-bold-webfont.eot');
    src: url('/etc/designs/ogj2_design/fonts/ubuntu-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-bold-webfont.woff') format('woff'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-bold-webfont.ttf') format('truetype'),
         url('/etc/designs/ogj2_design/fonts/ubuntu-bold-webfont.svg#UbuntuBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINRegular';
    src: url('fonts/din-regular-webfont.eot');
    src: url('fonts/din-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/din-regular-webfont.woff') format('woff'),
         url('fonts/din-regular-webfont.ttf') format('truetype'),
         url('fonts/din-regular-webfont.svg#DINRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'DINCondRegular';
    src: url('fonts/dincond-regular-webfont.eot');
    src: url('fonts/dincond-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/dincond-regular-webfont.woff') format('woff'),
         url('fonts/dincond-regular-webfont.ttf') format('truetype'),
         url('fonts/dincond-regular-webfont.svg#DINCondRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#mainPushdown, object, embed, video, iframe {max-width: 100%;}

#template {
	width: 100%;
	max-width: 993px;
	margin: 0 auto;
}

#template #container {border-top:0px; background: url(images/contentBG.jpg) #fff repeat-y top left;}
#templateOuterLeft{background: url(images/noise.jpg);}
#templateOuterRight{background: url(images/mainBGtop.jpg) repeat-x center top transparent;}
#template, #template #header #topLeaderBoard, object{width:100%;}
#template #container #leftColumn {width: 100%; margin: 0; padding: 0;}
#template #container #leftColWrapper{width: calc(100% - 322px);} /*20px margin and 2px border*/
#template #container #rightColWrapper{width: 300px; margin: 0 0 0 20px}
#template #container #leftColWrapper, #template #container #rightColWrapper, #template #container #middleColWrapper{margin-top:0;}
#template #container #rightColumn{background:#efefef; border:1px solid #ddd; padding:0; margin:0; width: 100%;}
#template #container .ad-display{margin-bottom:18px;}

#rightColumn table, .td-SideWrapper {margin: 0 auto;}

#headerLogos{margin:auto; height:35px; padding:10px 0 0; width:993px;}
#headerLogos ul{margin:0; padding:0;}
#headerLogos li {float:left; list-style:none;}
#headerLogos li a.pennWell {display:block;width:56px; height:30px; background:url(images/logoSprites.png) 0px 0px no-repeat; margin-left:15px;}
#headerLogos li a.pennWell:hover {background-position:0px -35px;}
#headerLogos li a.ogj {display:block;width:95px; height:30px;background:url(images/logoSprites.png) -56px -0px no-repeat;}
#headerLogos li a.ogfj {display:block;width:58px; height:30px;background:url(images/logoSprites.png) -152px 0px no-repeat;}
#headerLogos li a.ogfj:hover {background-position:-152px -35px;}
#headerLogos li a.pennenergy {display:block;width:70px; height:30px;background:url(images/logoSprites.png) -211px 0px no-repeat;}
#headerLogos li a.pennenergy:hover {background-position:-211px -35px;}
#headerLogos li a.offshore {display:block;width:70px; height:30px;background:url(images/logoSprites.png) -280px 0px no-repeat;}
#headerLogos li a.offshore:hover {background-position:-280px -35px;}
#headerLogos li a.ogpe {display:block;width:70px; height:30px;background:url(images/logoSprites.png) -350px 0px no-repeat;}
#headerLogos li a.ogpe:hover {background-position:-350px -35px;}
#headerLogos li a.mapsearch {display:block; width: 56px; height: 30px; background: url("/etc/designs/ogj2_design/images/mapsearch-logo.png")}
#subLogin{display:block; background:url(images/subLogin.jpg) no-repeat 0 0; width:200px; height:34px; margin-right:15px; float:right;}

/**** Header ****/ 

#template #header{margin-bottom:0px;}
#template #topHeader{}
#template #header #topLeaderBoard {width:100%; padding:0;}
#template #header #branding{width:185px;}

#template #header #rteArea {height:48px; margin-left:55px; padding:42px 0 0; width:500px;}
#template #header #rteArea a{font-family:UbuntuBold,  Arial, Helvetica, sans-serif; color:#fff; font-size:13px; font-weight: normal; margin-right:25px; text-shadow:1px 1px 1px #333; text-transform: uppercase;}
#template #header #rteArea a:hover, #template #header #rteArea a:active{color:#ffdc00; text-decoration: none;}
/** #template #header #logorte #ogjHeadMag{background: url(images/ogjHeaderMagImg.png) no-repeat scroll left top; margin: 10px 0px 0px 10px; height: 120px;}
#template #header #logorte #ogjHeadMag #magazineLink{float: left; display: block; height: 120px; width: 92px;}
#template #header #logorte #ogjHeadMag #headCurDiv{float:left; width:125px; font-size:10px; margin-left:10px; padding-top:50px;}
#template #header #logorte #ogjHeadMag #headCurDiv a{font-weight:bold; font-family:arial narrow; font-size:14px; text-transform:uppercase; color:#83080f;}
#template #header #logorte #ogjHeadMag #headCurDiv #headSubscribe{display:block; margin-top:5px;} **/


/* Utility Box */

#template #header #utilityBar{color:#ffffff; float:right; height:90px; width:249px; text-align:right; font-size:11px;}
#template #header #utilityBar a{color:#FFDE00; font-size:11px;}
#template #header #utilityBar #subscribe{color:#fff; font-weight:normal; font-size:11px; margin:5px 0 10px; text-transform: uppercase;}
#template #header #utilityBar #subscribe a{color:#83080F; font-weight:bold;}
#utility-bar-searchForm{margin-top:10px;}
#utilitybox-search-string{background:#fff; border-radius:3px; -moz-border-radius:3px; border:1px solid #a6a6a6; height:27px; padding-left:5px; width:177px;}
.ezTypeAhead{position:relative; z-index:999; text-align:left;}
a.linkedIn{background:url(images/socialMedia.png) 0px 0px no-repeat; width:19px; height:19px; display:inline; float:right; margin-right:5px;}
a.faceBook{background:url(images/socialMedia.png) -22px 0px no-repeat; width:19px; height:19px; display:inline; float:right; margin-right:5px;}
a.twitter{background:url(images/socialMedia.png) -45px 0px no-repeat; width:19px; height:19px; display:inline; float:right; margin-right:5px;}
#loginlinks{margin-top:10px;}

/* Navigation */

div.topnav {background:url(images/divider.jpg) no-repeat top left;}
/* #navigation ul{z-index:2000000;} */
ul.menu.one{height:42px; width:989px; margin-left:2px !important; position:relative; z-index:997;}
ul.menu li.one{height:42px;}
ul.menu li.one a{color:#fff; font-size:12px; font-family:UbuntuMedium,  Arial, Helvetica, sans-serif; font-weight:normal; line-height:42px; padding:0 15px 0 16px; text-shadow:1px 1px 0 #000; text-transform:normal; margin-right:2px;}
ul.menu li.two{font-size:12px; line-height:35px; padding:0;}
ul.menu li.ogjNavItem{background:url(images/divider.jpg) no-repeat top right;}
ul.menu li.dividerLeft{margin-left:1px;}
ul.menu li.ogjNavItem:hover{color:#ffc323; z-index:500;}
ul.menu li.ogjNavItem:hover a{background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */ color:#ffdc00;
line-height:42px; zoom:1; position:relative;}
ul.menu li.nav-highlighted{z-index:500;}
ul.menu li.nav-highlighted a{zoom:1; position:relative; background: rgb(0,0,0); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(0,0,0,1) 0%, rgba(79,79,79,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(0,0,0,1)), color-stop(100%,rgba(79,79,79,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(0,0,0,1) 0%,rgba(79,79,79,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#4f4f4f',GradientType=0 ); /* IE6-9 */ color:#ffdc00;
line-height:42px; }
ul.menu li.ogjNavItem ul.dropdown-secondary {padding:0 !important; border-bottom:3px solid #000;}
ul.menu li.ogjNavItem .dropdown-secondary li.nav-highlighted{background:none;}
ul.menu li.ogjNavItem .dropdown-secondary a{background:transparent; zoom:1; position:relative; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; border-top:1px solid #777 !important; color:#fff !important; margin-right:0; font-weight:normal; font-size:12px; height:35px; line-height:35px; text-transform:none !important;}
ul.menu li.ogjNavItem .dropdown-secondary a:hover{background:#333; zoom:1; position:relative; filter: "progid:DXImageTransform.Microsoft.gradient(enabled=false)"; color:#ffdc00 !important;}
ul.menu li.ogjNavItem ul.dropdown-secondary.three{border:0px; margin:0; padding:0; line-height: 25px;}
ul.menu li.ogjNavItem ul.dropdown-secondary li.three{border:0px; color:#fff; list-style:none; margin-left:25px; }
ul.menu li.ogjNavItem ul.dropdown-secondary li.three a{font-weight:normal; border-top:dotted 1px #777 !important; font-size:11px; color:#eee!important;}
ul.menu li.ogjNavItem ul.dropdown-secondary li.three a:hover{color:#ffdc00 !important;}
ul.menu.one.dropdown-secondary ul.menu.two{background:#4f4f4f;}
#navigation .topnav >  ul.menu >  li.last-item > ul{left:-109px;}

/* Footer */
#template #footer #bottomLeaderBoard {width:100%;}
#template #footer{background: url(images/contentBG.jpg) #fff repeat-y top left;}
.basic-footer{display:none;}
#footer ul{ margin:1px; padding:2px;}
#template #footer #footerNav{margin:0; text-align:center; width:100%;}
#template #footer a{color:#ffffff;}
.peLinks{float:left;}
.pwLinks{}
#footerqwe{width:993px; margin:0 auto; margin-top:5px;}
#footerqwe .address{float:left; padding-right:20px;}
#footerqwe ul{list-style:none;}
#footerqwe .links{border-right:1px solid #3d3d3d; padding-right:25px; padding-left:25px; float:left; font-family:Arial, Helvetica, sans-serif; font-size:9pt;}
#footerqwe .links h3{color:#ffcc21;}
#footerqwe .links a{font-family:Arial, Helvetica, sans-serif; font-size:12px; font-size:12px; text-decoration:none;line-height:1.7;  color:#fff;}
#footerqwe .links a:hover{color:#ffcc21;}
.clear {clear:both;}
#footerqwe .address{border-right:1px solid #3d3d3d; padding-left:15px; float:left;font-family:Arial, Helvetica, sans-serif; font-size:8pt;line-height:1.7; color:#fff;}


/* Content Rotator */
#home-rotator .contentrotator-innerdiv td + td {
  position: absolute;
  bottom: 0;
  padding: 20px;
  bottom: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px #131313;
}

#home-rotator .contentrotator-innerdiv td + td h2 a {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 4px #131313;
  line-height: 40px;
  letter-spacing: 1px;
}

#home-rotator.content-rotator-formtable {
  position: relative;
}

#home-rotator .contentrotator-innerimg {
  position: absolute;
  z-index: 0;
  width: 860px;
  height: 350px;
  max-width: 100%;
}

#home-rotator .content-rotator-adcode {
  display: none;
}

#home-rotator .contentrotator-innerdiv td:nth-last-child(1) {
  position: absolute;
  left: 0;
  bottom: 0;
  padding: 20px;
  color: #fff;
  text-shadow: 1px 1px 1px #131313;
  background-color: rgba(0, 0, 0, 0.3);
}

#home-rotator .contentrotator-innerdiv td:nth-last-child(1) h2 a {
  font-size: 34px;
  color: #fff;
  font-weight: bold;
  text-shadow: 0px 0px 4px #131313;
  line-height: 40px;
  letter-spacing: 1px;
}

#home-rotator .content-rotator-totPages {
  position: absolute;
  bottom: 15px;
  right: 10px;
  color: #fff;
}

#home-rotator p {
	font: normal 16px/24px Arial;
}

.content-rotator-morelink {
	text-align: left;
}
.content-rotator-morelink a {
	color: #fff;
	font-size: 14px;
}


/* Component Skeleton Styling */

div.parsys_column .section{overflow: visible;}

.compWrapAlpha, .blog-promo-single, #RTEBox {border:1px solid #e7e7e7; margin-bottom:18px;}
.entryanddisplay .compWrapAlpha{border:0;}
#template #container #rightColWrapper .compWrapAlpha, #template #container #rightColWrapper .blog-promo-single, #template #container #rightColWrapper #RTEBox{background:#fff; margin-bottom:18px;}
.compWrapBravo {}
.compWrapCharlie {} 
.compWrapDelta {}

.compBody {padding:5px; overflow:hidden;}
#RTEBox{padding:0 5px 5px; background: #fff;}
.blog-more-box, .compFooter{padding:0; height:12px; float:none; text-align:right; height:100%; width: 100%;}
.compFooter h1, .compFooter h2, .compFooter h3, .compFooter h4, .compFooter h5, .compFooter h6{display:inline-block; *display:inline; zoom:1; background:url(images/moreBGleft.png) no-repeat bottom left; bottom:10px; position:relative; left:8px;}
.blog-more-box h1, .blog-more-box h2, .blog-more-box h3, .blog-more-box h4, .blog-more-box h5, .blog-more-box h6{display:inline-block; *display:inline; zoom:1; background:url(images/moreBGleft.png) no-repeat bottom left; bottom:10px; position:relative; left:13px;}
.blog-more-box a, .compFooter a{display:block; background:url(images/moreBGright.png) no-repeat bottom right; color:#fff; font-family:UbuntuMedium, Arial, Helvetica, sans-serif;  font-weight:normal; margin-left:17px; padding:15px 10px 7px 0;}
.blog-more-box a:hover, .compFooter a:hover{color:#ffc323;}
.compMoreLink{text-align:right; font-weight:bold;}

.PromoBoxHeadLeft {background:transparent; height:auto; position:relative; top:-8px;}
.PromoBoxHeadRight {background:transparent; height:auto; margin-left:5px;}
.PromoBoxHeadRight .compTitle, .PromoBoxHeadRight .noTagTitle, .PromoBoxHeadRight h1, .PromoBoxHeadRight h2, .PromoBoxHeadRight h3, .PromoBoxHeadRight h4, .PromoBoxHeadRight h5, .PromoBoxHeadRight h6{background:#fff; color:#000; display:inline; font-family:UbuntuMedium, Arial, Helvetica, sans-serif; font-size:15px; padding:0 5px; height:auto; line-height:18px; font-weight:normal; text-transform:uppercase;}

#template #container #rightColWrapper .compTitle, #template #container #rightColWrapper .noTagTitle, #template #container #rightColWrapper .PromoBoxHeadRight h1 {background: rgb(239,239,239); /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2U3ZTdlNyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2VmZWZlZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iI2ZmZmZmZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
background: -moz-linear-gradient(top,  rgba(239,239,239,1) 0%, rgba(231,231,231,1) 51%, rgba(239,239,239,1) 51%, rgba(255,255,255,1) 51%, rgba(255,255,255,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(239,239,239,1)), color-stop(51%,rgba(231,231,231,1)), color-stop(51%,rgba(239,239,239,1)), color-stop(51%,rgba(255,255,255,1)), color-stop(100%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(231,231,231,1) 51%,rgba(239,239,239,1) 51%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(231,231,231,1) 51%,rgba(239,239,239,1) 51%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(239,239,239,1) 0%,rgba(231,231,231,1) 51%,rgba(239,239,239,1) 51%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* IE10+ */
background: linear-gradient(to bottom,  rgba(239,239,239,1) 0%,rgba(231,231,231,1) 51%,rgba(239,239,239,1) 51%,rgba(255,255,255,1) 51%,rgba(255,255,255,1) 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#efefef', endColorstr='#ffffff',GradientType=0 ); /* IE6-8 */
padding-top:2px;}


#paid, #borderID{border:1px solid #e7e7e7;}
#paid .PromoBoxHeadLeft {background:#efefef; border:1px solid #fff; height:30px; position:relative; top:0;}
#paid .PromoBoxHeadRight {background:url(images/paidContent.png) no-repeat right !important; margin-right:0 !important; font-family:UbuntuMedium, Arial, Helvetica, sans-serif; font-size:12px; height:30px; margin-left:5px; }
#paid span{display:block; padding:5px;}
#paid h1, #paid h2, #paid h3, #paid h4, #paid h5{background:transparent; line-height:20px; display:block; padding:5px; font-family:UbuntuMedium, Arial, Helvetica, sans-serif; font-size:12px;}
#template #paid div.text{padding:0;}

#OGJsubcribeToday{background:#fff387; height:340px; width:187px; border:1px solid #FBC605; border-left:0;}
#OGJSubscribeBtn{height:48px; background:#FBC605 url(images/preFeatureContentBG.jpg) repeat-x top left;}
#OGJSubscribeBtn a{background:url(images/subscribetoday.jpg) no-repeat top left; height:28px; width:165px; display:block; position:relative; top:16px; left:14px;}
#OGJSubscribeTxtBox{border:1px solid #64060b; background:#fff url(images/subscribeBG.jpg) no-repeat top right; padding:5px}
#OGJsubscribeWrap{padding:5px;}
#LoginOGJ{background:url(images/LoginToOGJ.jpg) no-repeat top left; width:152px; height:52px; display:block; margin-bottom:5px;}

.text #premium, .text #OGJpremium{margin-bottom:0;}
#premium, #OGJpremium{background:#ffe492; border:1px solid #cbcbcb; margin-bottom:18px;}
#premium table, #OGJpremium table, #premium tr, #OGJpremium tr{width:100% !important;}
#premium .compWrapAlpha, #OGJpremium .compWrapAlpha{background:transparent; margin-bottom:0; border:0;}
#OGJpremium .whitepaper-synopsis-td{padding:5px 0;}
#premium h2 a, #OGJpremium h2 a{font-size:12px !important;}
#premium h2, #OGJpremium h2{padding-bottom:0; border-bottom:0;}
#premium .compFooter,#OGJpremium .compFooter{float:none; width:100%; padding:0; text-align: left; height:100%;}
#OGJpremium .compFooter h1, #OGJpremium .compFooter h2, #OGJpremium .compFooter h3, #OGJpremium .compFooter h4, #OGJpremium .compFooter h5, #OGJpremium .compFooter h6{display:block; float:none; left:0; bottom:0; background:transparent;}
#premium .compFooter h1, #premium .compFooter h2, #premium .compFooter h3, #premium .compFooter h4, #premium .compFooter h5, #premium .compFooter h6{display:block; float:none; left:0; bottom:0; background:transparent;}
#premium .compFooter a,#OGJpremium .compFooter a{background:#f8d361; border:1px solid #fce49b; color:#83080F; margin: 0; display:block; font-family:UbuntuMedium,  Arial, Helvetica, sans-serif; font-weight:normal; text-align: left; padding:5px;}
#premium .compFooter a:hover,#OGJpremium .compFooter a:hover{color:#000;}
#premium .compBody,#OGJpremium .compBody{padding:0;}
#premium .aggregate-standard-row,#OGJpremium .aggregate-standard-row {border-bottom:1px solid #fbc605; padding:0; margin-top:5px; margin-bottom:0; width:auto;}
#premium .PromoBoxHeadLeft,#OGJpremium .PromoBoxHeadLeft{top:0; background:url(images/preFeatureContentBG.jpg) no-repeat top right; height:39px;}
#premium .PromoBoxHeadRight,#OGJpremium .PromoBoxHeadRight{background:url(images/preFeatureContentBGLeft.jpg) no-repeat top left; height:39px; margin-left:0;}
#premium .PromoBoxHeadRight h1,#OGJpremium .PromoBoxHeadRight h1{background:url(images/preFeatureContentMid.jpg) repeat-x top left; display:block; font-family:UbuntuMedium,  Arial, Helvetica, sans-serif; font-weight:normal; font-size:13px; color:#83080f; padding:14px 0 10px; margin:0 10px 0 31px;}
#premium .whitepaper-synopsis-td, #OGJpremium .whitepaper-synopsis-td{background:transparent; padding:0 5px 5px;}
#fdBox{background:#fff4e1; border:1px solid #e0e0e0;}
#fdBox .compWrapAlpha{border:0;}
#fdBox .compFooter{float:none; width:auto;}
#fdBox .compBody{padding:0;}
#fdBox .aggregate-standard-row {padding:5px 5px 0px; margin-bottom:5px; width:auto;}
#fdBox .standard h2 a{ color:#83080f;}
#fdBox .PromoBoxHeadLeft{background:#fff4e1;}
#fdBox .PromoBoxHeadRight{background:#fff4e1;}
#fdBox .PromoBoxHeadRight h1{margin:0;}

/* Article Display */
.toolssponsorpromo.left .toolssponsor-title, .toolssponsorpromo.bottom .toolssponsor-title{display: block;}
.article-display .compWrapAlpha{border:0;}
.article-display .PromoBoxHeadLeft {background:transparent; height:auto; top:0;}
.article-display .PromoBoxHeadRight {background:transparent; height:auto; margin:0;}
.article-display .PromoBoxHeadRight h1, .article-display .PromoBoxHeadRight .compTitle, .article-display .PromoBoxHeadRight .noTagTitle{background:transparent; color:#000; font-size:34px; line-height:38px; height:auto; font-family:Arial, sans-serif; font-weight:bold; margin:0;text-transform:none;}
.entrytitle_wrap h2, .whitepaper-outer-table h1{color:#000; font-size:34px; line-height:38px; height:auto; font-family:Arial, sans-serif; font-weight:bold; margin:0;text-transform:none; margin-bottom:10px;}

/* Breadcrumbs */
.breadcrumbUlTC, .breadcrumbUl{line-height:28px;}
.breadcrumb a{color:#000;}
.breadcrumb h2{color:#9c0000;}
.breadcrumb .arrow1, .breadcrumb .arrow2, .breadcrumb .arrow2{font-weight:bold;}

/* Articles/Whitepapers */
.blog-promo-single .blog-post .title a, .standard h2 a, .aggregator-standard-paginated h2 a{font-size:16px; color:#000;}
.blog-promo-single .blog-post .title, .standard h2, .aggregator-standard-paginated h2{font-size:16px; color:#000; border-bottom:1px solid #e7e7e7; padding-bottom:5px;}
.standard h2 a:hover, .aggregator-standard-paginated h2 a:hover{color:#83080F;}
.aggregate-standard-subtitle, .article-promotional .aggregate-standard-subtitle{color:#83080F;}
.whitepaper-synopsis-td, .gatedContent .whitepaper-synopsis-td{padding:0 0 5px;}
.webcast-promo-box-heading-td h2{color:#83080f;}
.aggregator-standard-promotional .aggregate-standard-row h2 a{margin-bottom:0;}
.aggregator-standard-promotional .aggregate-standard-row{margin-bottom:5px;}
.aggregator-standard-promotional .aggregate-standard-subtitle{color:#83080F; font-size:18px;}
.aggregator-standard-paginated .aggregate-standard-row a{margin-bottom:0;}
.article-promotional .aggregate-standard-row{margin-bottom:0;}
.whitepaper-synopsis-td.security{vertical-align:top; padding:0 10px 10px 27px !important; background:transparent url(images/shield.gif) no-repeat 5px 0 !important;}
.whitepaper-synopsis-td.role_ogjon.rule_gate_after_30days{vertical-align:top; padding:0 10px 10px 27px; background:transparent url(images/shield.gif) no-repea 5px 0t !important;}
.whitepaper-synopsis-td.rule_gate_after_30days{vertical-align:top; padding:0 10px 10px 27px; background:transparent url(images/shield.gif) no-repeat 5px 0 !important;}
.whitepaper-synopsis-td.role_ogjon{vertical-align:top; padding:0 10px 10px 27px; background:transparent url(images/shield.gif) no-repeat 5px 0 !important;}
.whitepaper-synopsis-td.role_gold {vertical-align:top; padding:0 10px 10px 15px; background:transparent url('images/shield.gif') no-repeat !important;}
.whitepaper-synopsis-td.role_black_365days {vertical-align:top; padding:0 10px 10px 15px; background-size: 16px;}
.whitepaper-synopsis-td.show-free-icon {vertical-align:top; padding:0 10px 10px 15px; }
.webcast-sponsor-details, .webcast-synopsis-td .synopsis, .whitepaper-sponsor-details, .synopsis{padding:5px 0 0;}

#mostPop td {padding-bottom:5px;}
#mostPop td a{color: #000000; font-family: Arial, sans-serif;font-size: 16px; font-weight:bold; border-bottom:1px solid #e7e7e7; display:block; padding-bottom:5px;}
#container .text, #container .textimage{margin-bottom:18px; width:auto;}
#template .text .PromoBoxHeadLeft{margin-bottom:10px;}
#template .textimage div.text{padding:5px; border:0; margin-bottom:0 !important;}
#template .text div.text{padding:5px; border:0; margin-bottom:0 !important;}


/* Login Form */

#login-block .login-header, #login-block .buy-header, #login-block .subscribe-header{font-family:arial narrow; font-weight:bold; font-size:16px; color:#80282c; text-transform:uppercase; text-align:center;}
#login-block{border-bottom:3px solid #FBC605; margin-bottom:0; padding-bottom:0 !important;}
#login-block input{height:auto; width:auto;}
.leftcolumn_securityloginloginfields{float:left; height:310px; padding-right:10px; width:231px; }
.subscribe-main{border-left:1px solid #FBC605; padding-left:10px; height:310px; width:190px;}
.securityLoginEcommerce{border-left:1px solid #FBC605;height:310px; padding-left:10px; width:180px;}

#login-block .subscribe-textsection, #login-block .buy-textsection{height:247px;}
/* Fix for navigation padding in Safari */
@media screen and (-webkit-min-device-pixel-ratio:0){
#forgotPasswordResults{padding-bottom:0 !important;}
}

*:first-child+html .leftcolumn_securityloginloginfields, *:first-child+html .subscribe-main, *:first-child+html .leftcolumn_securityloginecommerce{height:345px;}
*:first-child+html #login-block .subscribe-textsection, *:first-child+html #login-block .buy-textsection{height:279px;}

/* TOC */
.toc-first-category{color:#83080F; display:block; height:15px; padding:5px 5px 5px 0; margin:0 5px 0 0 !important; font-weight:bold;}
.toc-category{ color:#83080F; display:block; height:15px; padding:5px 5px 5px 0; margin:0 5px 0 0 !important; font-weight:bold;}
.toc-synopsis p{padding:0px;}

.toc-list-item .PromoBoxHeadLeft {background:transparent; border:0; top:0;}
.toc-list-item .PromoBoxHeadRight {background:transparent; margin-right:0 !important; font-family:UbuntuMedium, Arial, Helvetica, sans-serif; font-size:16px; margin-left:0px; }
.toc-list-item .PromoBoxHeadRight h1, .toc-list-item .PromoBoxHeadRight h2, .toc-list-item .PromoBoxHeadRight h3, .toc-list-item .PromoBoxHeadRight h4, .toc-list-item .PromoBoxHeadRight h5{background:transparent; height:auto;  line-height:20px; display:block; padding:0; font-family:UbuntuMedium, Arial, Helvetica, sans-serif; margin:0; font-size:16px;}
.column663 .toc-first-category{width:485px; }

/* Event */
.event-synopsis-td h2 a{font-size:12px; color:#000;}
div.parsys_column{margin:0 0 10px;}
.event-tab-header{display:none;}

/* Blogs */
.blog-feed{padding:10px 5px 5px 10px;}
.blog-promo-single .blog-post .title{margin-bottom:5px;}
.header img{border:1px solid #E7E7E7;}

/** RSS **/
.rss-promo .wrapper{padding:5px;}

/* Component Headers */
#Recent .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#Recent .PromoBoxHeadRight .compTitle, #Recent .PromoBoxHeadRight h1, #Recent .PromoBoxHeadRight h2, #Recent .PromoBoxHeadRight h3{background:#FECF06; display:block; padding:0px 5px; line-height: 35px;}

#GI .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#GI .PromoBoxHeadRight .compTitle, #GI .PromoBoxHeadRight h1, #GI .PromoBoxHeadRight h2, #GI .PromoBoxHeadRight h3{background:#456180 url("images/giheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}

#GED .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#GED .PromoBoxHeadRight .compTitle, #GED .PromoBoxHeadRight h1, #GED .PromoBoxHeadRight h2, #GED .PromoBoxHeadRight h3{background:#a3550b url("images/e&dheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}

#OGP .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#OGP .PromoBoxHeadRight .compTitle, #OGP .PromoBoxHeadRight h1, #OGP .PromoBoxHeadRight h2, #OGP .PromoBoxHeadRight h3{background:#6b7e15 url("images/d&pheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}

#Transport .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#Transport .PromoBoxHeadRight .compTitle, #Transport .PromoBoxHeadRight h1, #Transport .PromoBoxHeadRight h2, #Transport .PromoBoxHeadRight h3{background:#00628d url("images/Transportationheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}

#GP .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#GP .PromoBoxHeadRight .compTitle, #GP .PromoBoxHeadRight h1, #GP .PromoBoxHeadRight h2, #GP .PromoBoxHeadRight h3{background:#a78802 url("images/processingheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}

#RD .PromoBoxHeadRight{margin:0 5px; position:relative; top:-2px;}
#RD .PromoBoxHeadRight .compTitle, #RD .PromoBoxHeadRight h1, #RD .PromoBoxHeadRight h2, #RD .PromoBoxHeadRight h3{background:#c5161d url("images/r&dheader.gif") no-repeat top left; color:#fff; display:block; font-size:14px; padding:0px 5px 0 45px; line-height: 35px;}


/* Tabs */
.ui-tabs{padding:0;}
.ui-tabs-nav .text, .ui-tabs-nav .textimage{margin-bottom:0 !important;}
.tabs .compWrapAlpha{background:transparent; padding:0; margin-bottom:10px;}
.tabs .compWrapBravo{background:transparent; padding:0;}
.tabs .compWrapCharlie{background:transparent; padding:0;}
.tabs .compWrapDelta{background:transparent; padding:0;}
.ui-tabs .ui-tabs-panel{background:transparent; border:1px solid #e4e4e4; border-radius: 0 !important; padding:15px 5px 5px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected{background:transparent url(images/topTabActive.png) no-repeat bottom center; border:0 !important; padding-bottom:0; top:11px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a {color:#000; padding:21px 30px 27px; border:0 !important; }
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default, .ui-tabs .ui-tabs-nav li{bordeR:1px solid #e4e4e4; background: #efefef; top:11px;}
.ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active{}
.ui-widget-header .ui-state-default a, .ui-tabs .ui-tabs-nav li a{font-family:UbuntuMedium, Arial, Helvetica, sans-serif; color:#000; font-weight: normal; font-size:15px; text-transform: uppercase;  padding:18px 30px;}
.ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus {border:1px solid #d5d5d5;}
.ui-tabs .ui-tabs-nav li{margin-right:10px;}
.ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl{border-radius: 0 !important;}
.column663 .tabs-left .ui-tabs-panel{width:65%;}
.tabs-left{border:1px solid #e7e7e7;}
.tabs-left .ui-tabs-panel{ width:65%; border:0; padding:10px 5px 5px;}
.tabs-left  .ui-widget-header .ui-state-default a{font-family:UbuntuMedium, Arial, Helvetica, sans-serif; padding:14px 200px 14px 14px; color:#000; font-weight: normal; text-transform: uppercase;}
.tabs-left .ui-tabs-nav li{width:214px; background: #efefef; margin-right: 0px; top:0; border:1px solid #d8d8d8 !important; top:0; margin-bottom:5px !important;}
.tabs-left .ui-tabs-nav li.ui-tabs-selected a, .tabs-left .ui-tabs-nav li.ui-state-disabled a, .tabs-left .ui-tabs-nav li.ui-state-processing a { color:#000; padding:15px;}
.tabs-left .ui-tabs-nav li.ui-tabs-selected, .tabs-left .ui-tabs-nav li.ui-state-disabled, .tabs-left .ui-tabs-nav li.ui-state-processing {background:transparent url(images/leftTabActive.png) no-repeat bottom right; color:#4889BD; top:0; width: 234px;}
.ui-corner-left {
    border-top-left-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-left-radius: 0;
}
.ui-tabs-nav{background:transparent;}

fcwidget{
	width:100% !important;
}

.fcwidget .active {
	display: table-row;
}
div.text td img, td a img{
	max-width:inherit !important;
}
.event-tr div.text td img, .event-tr td a img{
	max-width:100% !important;
}
/* Responsive */

#onecolad a{display:none}
div.parsys_column{margin:0;}

@media (max-width: 1010px){

	#ContentRotator .content-rotator-slide{
	width:auto !important;
	}
	.content-rotator-adcode{
		height:auto !important;
		width:auto !important;
		padding:5px !important;
		position:static !important;
		margin:0 !important;
	}
	.content-rotator-box{
		padding:0 !important;
	}
	
	html body {
	    padding: 0;
	    margin: 0;
	    font-size:14px;
	}
	#headerLogos{
		width:auto;
		padding-right:10px;
	}
	.toc-list-item .header{
		float:none;
	}
	#containerBottomParsys{
		padding:0 10px;
		
	}
	.ybfinancialpromo table{width:100%;}
	.breadcrumbUl, .breadcrumbUlTC{
		padding-left:0;
	}
	.breadcrumbUl h2, .breadcrumbUl h3, .breadcrumbUlT h2, .breadcrumbUlT h3, .breadcrumb h3, .breadcrumb h2{
		font-size:14px;
		line-height: 20px;
	}
  	#containerBottomParsys img{
		max-width: 100%;
	}
    .gig-comments-container{width:100%; max-width: 500px;}
    #template #container{margin:0 10px; width:auto; border: 0;}

	#containerBottomParsys .ad-display img{max-width:100%;}
	#topNavFEright{display: none;}
	#topNavigationFE{padding:0 10px; width:auto;}
	#pushdown, #pushdown img, #pushdown object, body .pwm-pushdown {max-width:100%; height:auto;}
	
	
	/* Column Controls */
	
	div.parsys_column{width:100% !important;} /* over ride any specific column settings */
	div.cq-colctrl-lt5 {width: auto}
	.parsys_column .parsys_column{padding:0; width:100% !important;}
	.parsys_column #___plusone_0{width:375px !important;}
	#container #myExperience{width:100%;}
	
	.aggregator-standard-promotional table, .article-aggregator-standard table{width:100%;}
	.aggregate-standard-row td{display:block;}
	
	/* End Column Control */
	
	/* Header */
	
	#template #header #branding{margin:26px 0 7px 0; width:40%;}
	#template #header #branding img{display:block}
	#template #header #utilityBar{margin-right:0px; padding-right:10px; width:300px;  top:15px; transition: top .5s ease;}
	#template #header #utilityBar #subscribe .miniNav a{
		display: none;
	}
	
	/* End Header */
	
	/* Footer */
	
	.footerqwe, .extended-footer {width:auto !important; padding:10px;}
	#extendFooterContent, .extended-footer, .navwrapper, #footerNavWrapper, .extended-footer{width:auto !important;}
	.navwrapper div{margin-bottom:10px; width:120px;}
	.navwrapper ul{
		padding:0;
	}
	
	/* End Footer */
	
	/* Carousel */
	.cq-carousel-banner-item img,.cq-carousel-banner-item,.cq-carousel{width:100%;}
	/* End Carousel */
	
	/* Whitepapers */
	
	#accelaworks-registration-form-wrapper iframe{width:100% !important;}
	.sponsor-image img{width:50%;}
	
	/* End whitepapers */
	
	/* Aggregator */
	.article-promotional table{
		width:100%;
	}
	
	.PromoBoxHeadRight h1, .PromoBoxHeadRight h2, .PromoBoxHeadRight h3, .PromoBoxHeadRight h4, .PromoBoxHeadRight h5, .PromoBoxHeadRight .noTagTitle, .PromoBoxHeadRight .compTitle{font-size:18px;}
	.aggregate-standard-row h2 a, #mboxImported-default-LEDs_MostRead_Articles-0 a, .title a, .blog-promo-single .blog-title{background:transparent; padding-left:0;}
	.publish-date, .blog-promo-single .blog-post .date{}
	.blog-promo-single .blog-more-link, .compFooter a, .blog-more-box a{font-size:14px;}
	.blog-more-box{}
	.blog-more-box a{}
	.article-display{
		font-size:16px;
		line-height: 1.6;
	}
	 
	/* End Aggregator  */
	
	/* Article Display */
	.entrytitle_wrap h2, .entrytitle_wrap h3, .entrytitle_wrap h4,.entrytitle_wrap h1,.article-display .PromoBoxHeadRight h1, .article-display .PromoBoxHeadRight .compTitle, .article-display .PromoBoxHeadRight .noTagTitle{background:transparent; border:0; font-weight:bold; font-size:35px; height:auto; line-height:45px; padding:0; margin:0;}
	.article-display .compBody, .whitepaper-display .compBody, div.section.entrytext{}
	.column663 .toc-first-category, .column763 .toc-first-category{width:65%;}
	.column663 .toc-category, .column763 .toc-category{width:100%;}
	.column663 #pastissuesContent, .column763 #pastissuesContent{width:auto;}
	.pastIssue{margin:17px;}
	.article-content-wrapper img{max-width:100%;} 
	.article-content-wrapper {width:auto !important;}
	.article-content-wrapper #ContentBody table{width:100% !important;}
	.cq-image-placeholder{width:auto !important;}
	.clicktoenlargeimage{margin-bottom:10px !important;}
	.contentToolsFontText{font-size:.9rem; padding:7px 5px 0px 20px;}
	.contentToolLink{padding-right:5px;}
	.toolssponsorpromo.left .contentToolsLinks, .toolssponsorpromo.bottom .contentToolsLinks{position: relative; }
	.toolssponsorpromo.left .contentToolLink a, .toolssponsorpromo.bottom .contentToolLink a{font-size:.9rem;}
	.articlepublicationdate{}
	#template #container #rightColumn .ad-display a{}
	#template #container #rightColumn .ad-display {}
	#gigya-comments-reviews-div{width:100% !important;}
	.gig-button-container-google-plusone-count-right div div{width:70px !important;}
	.gigya-article-share-bar-right{float: left;}
	.gigya-share-bar{padding-right:0;}
	#gigya-comments-reviews-div,#leds-gigya-comments-reviews-div{width:auto !important;}
	.gigya-article-share-bar-right,{float:none; display:none;}
	#ContentBody #gigya-article-share-bar{display:none;}
	.gigya-comments{display: none;}	
	
	.gig-bar-container tr td div.gig-button-container{display: none;}
	.gig-bar-container tr td:nth-child(1) div.gig-button-container,.gig-bar-container tr td:nth-child(2) div.gig-button-container,.gig-bar-container tr td:nth-child(3) div.gig-button-container, .gig-bar-container tr td:nth-child(5) div.gig-button-container{display:inline-block; padding:0 24px 0 0 !important;}
	.gigya-share-bar-ad-horizontal{display:none;}
	/* End Article Display */
	.roadblock{
		display: none;
	}
		
	#template #header{
        display:none !important;
    }
    #template{
    padding-top:10px;}
    #templateOuterRight{
	    background:#fff;
    }
    #mobileHeader{
        display: block !important;
	    background-image: -webkit-gradient(linear, to bottom, to top, color-stop(0%, #242424), color-stop(100%, #000000));
		background-image: -webkit-linear-gradient(to bottom, #242424 0%, #000000 100%);
		background-image: -moz-linear-gradient(to bottom, #242424 0%, #000000 100%);
		background-image: -o-linear-gradient(to bottom, #242424 0%, #000000 100%);
		background-image: linear-gradient(to bottom, #242424 0%, #000000 100%);
	}
	#containerTopParsys{
		padding:0 10px;
	}
    #mobileSearch{
        float:right;
        margin:10px 10px 0 0;
        width:5%;
    }
    #mobileLogo, #mobileNavigation{
        float:left;
        margin:10px 15px 0 0;
        width:11%;
    }
	#mobileLogin{
        float:left;
        margin:10px 5px 0 0;
        width:8%;	
	}
    #mobileLogo{
    	float:left;
    	width:34%;
    }
    #mobileLogo img{
    	display:block;
        width:195px;
        margin:0 auto;
    }
    .toggleMenu{
        background:#333 url(/etc/designs/ogj2_design/images/mobilenavicon.png) no-repeat center !important;
        height:55px;
        width:50px;
        display: block !important;
    }
	.toggleMenu.active{
		background:  #fecf06 url(/etc/designs/ogj2_design/images/mobilenaviconHover.png) no-repeat center !important;
	}
    #miniNav{
        float:right;
        position: relative;
        top:10px;
        width:8%;
        margin-right:10px;
    }
    #miniDrop{
        background:#333 url(/etc/designs/ogj2_design/images/miniNavicon.png) no-repeat center !important;
        display: block;
        width:25px;
        height:55px;
    }
	#miniDrop.active{
		background:#fecf06 url(/etc/designs/ogj2_design/images/miniNaviconHover.png) no-repeat center !important;
	}
	#searchIcon.active{
		background:#fecf06 url(/etc/designs/ogj2_design/images/mobileSearch.png) no-repeat center !important
	}
    #searchIcon{
        background:#333 url(/etc/designs/ogj2_design/images/mobileSearchWt.png) no-repeat center !important;
        display: block;
        width:20px;
        height:55px;
    }
    .nav{
        position: absolute;
        background:#fff !important;
        width:250px;
        padding-top:10px;
        box-shadow: 1px 4px 4px #999;
        -webkit-padding-start: 0px; 
        -webkit-margin-before: 0;
        -webkit-margin-after: 0;        
    }
    .active {
        display: block;
    }
    .nav > li , #mobileHeader .miniNav > li {
        float: none !important;
    }
    .nav > li > .parent , #mobileHeader .miniNav > li > .parent{
        /*background-position: 95% 50%;*/
    }

    .nav ul , #mobileHeader .miniNav ul {
        display: block;
        width: 100% !important;
    }
   .nav > li.hover > ul , #mobileHeader .miniNav > li.hover > ul,
   .nav li li.hover ul  , #mobileHeader .miniNav li li.hover ul{
   		padding-top:0;
   		box-shadow:0 0 0 0 !important;
        position: static;
    }
	#mobileHeader .miniNav > li.hover > ul,#mobileHeader .miniNav li li.hover ul{
		margin-left:0px !important;
	}
    .nobordertop{border-top:0 !important;}
    .noborderbottom{border-bottom:0 !important;}

    /* reset webkit search input browser style */
    input {
        outline: none;
    }
    input[type=search] {
        -webkit-appearance: textfield;
        -webkit-box-sizing: content-box;
        font-family: inherit;
        font-size: 100%;
    }
    input::-webkit-search-decoration,
    input::-webkit-search-cancel-button {
        display: none; /* remove the search and cancel icon */
    }
    
    /* search input field */
    .mobileSearch input[type=search] {
        border: solid 1px #ccc;
        padding: 9px 10px 9px 32px;
        width: 0px;
        -webkit-border-radius: 10em;
        -moz-border-radius: 10em;
        border-radius: 10em;
        
        -webkit-transition: all .5s;
        -moz-transition: all .5s;
        transition: all .5s;
    }
        /* placeholder */
    .mobileSearch input:-moz-placeholder {
        color: transparent;
    }
    .mobileSearch input:focus:-moz-placeholder {
        color: #999;
    }
    .mobileSearch input::-webkit-input-placeholder {
        color: transparent;
    }
    .mobileSearch input:focus::-webkit-input-placeholder{
        color:#999;
    }
    .mobileSearch input[type=search]:focus {
        width: 100px;
        background-color: #fff;
        border-color: #6dcff6;
        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }
    #mobileSearch2{
        display: none;
        float:left;
        width:100%;
    }
    #mobileSearch2 input[type=search] {
    background: #ededed url(/etc/designs/ogj2_design/images/mobileSearch.png) no-repeat 9px center !important;
    border: solid 1px #ccc;
    padding: 9px 10px 9px 32px;
    width:85%;
    -webkit-border-radius: 10em;
    -moz-border-radius: 10em;
    border-radius: 10em;
    margin:0 auto;
    -webkit-transition: all .5s;
    -moz-transition: all .5s;
    transition: all .5s;
    display: block;
    margin-top:10px;
    }
    #mobileSearch2 input[type=search]:focus {
        background-color: #fff;
        border-color: #6dcff6;
        -webkit-box-shadow: 0 0 5px rgba(109,207,246,.5);
        -moz-box-shadow: 0 0 5px rgba(109,207,246,.5);
        box-shadow: 0 0 5px rgba(109,207,246,.5);
    }
	
	/*Mobile Login Area*/
	#mobileLoginContent{
		display: block;
		position: absolute;
		margin-left: -50px;
		float: left;
		width: 280px;
		box-shadow: 1px 2px 4px #999;
		-webkit-padding-start: 0px;
		-webkit-margin-before: 0;
		-webkit-margin-after: 0;	
		list-style: none;
		background: #dfdfdf;
		z-index: 1000;	
	}
	#mobile-login-form-password,#mobile-login-form-email{
		width: 80%;
		height: auto;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	#mobileLoginContent .forgotPassword{
		float:right;
	}	
	#mobile-login-form{
		margin-left:10px;
	}
	#mobileLoginContent .mobileLoginContentFake{
		background: #ededed url(/etc/designs/corporate_design/static/images/mobile-login-mockup.png) no-repeat 9px center !important;
		width: 280px;
		height: 323px;
		display: block;
		margin-left: -15px;
	}
	
	#mobileHeader{
		padding-bottom:15px;
		border-bottom: 1px solid #111;
	}
	#mobileLogo{
		margin-left:10px !important;
	}
	#breadcrumbs div{
		padding:10px;
	}

	.ad-display img,.ad-display object,.ad-display embed,.ad-display iframe{
		max-width:100%;
	}

	.toggleMenu{
        background:#111;
        border-radius:5px;
        height:45px !important;
        width:55px !important;
        margin-left:10px;
    }
    .toggleMenu.active{
		background:  #333;
	}
	#miniDrop{
        border-radius:5px;
        height:45px !important;
        width:55px !important;
    }
    #searchIcon{
		border-radius:5px;
        height:45px !important;
        width:55px !important;
    }
    #mobileSearch2 input[type=search] {
    }
    #miniNav, #mobileSearch, #mobileNavigation{width:auto !important;}
    #miniNav{margin-right:15px !important;}
    .nav a , #mobileHeader .miniNav a {
	    padding: 10px 15px;
	    font-size: 13px;
	    text-transform: uppercase;
	    color:#111 !important;
    }
    .nav li li a , #mobileHeader .miniNav li li a {
	    background: #ddd !important;
	}
	.nav > li, #mobileHeader .miniNav > li{margin-bottom:0 !important;}
	.nav li li a:hover , #mobileHeader .miniNav li li a:hover{
		background:#fff;
	}
	.nav > li, #mobileHeader .miniNav > li{
		border: 0 !important;
		border-bottom:1px solid #eee !important;
	}
	.nav li li li a , #mobileHeader .miniNav li li li a{
	    background:#fff;
	    color:#555;    
	    border-top: 0 !important;
	}
	#mobileLogo img{width:auto !important;}
	.nav  >li .firstLevel, .nav li li .firstLevel  , #mobileHeader .miniNav >li .firstLevel, #mobileHeader .miniNav li li .firstLevel {
		background-image: url("images/downArrow.png") !important;
	}
	.nav{margin-top:10px !important;}

	#mobileHeader .miniNav{ margin-top:10px !important; margin-left:-120px !important; width:180px !important; background:#fff !important;}
	.miniNav li > .toggles, .nav  li > .nav{
		box-shadow:0 0 0 0 !important;
		margin-left:0 !important;
	}
}

@media (max-width: 759px) {
	#ContentRotator .content-rotator-slide{
		width:auto !important;
	}
	.content-rotator-adcode{
		height:auto !important;
		width:auto !important;
		padding:5px !important;
		position:static !important;
		margin:0 !important;
	}
	.content-rotator-box{
		padding:0 !important;
		}
	
	.fancybox-overlay,.fancybox-wrap, .fancybox-skin {display:none !important; z-index:-1000;}
    .fancybox-lock{overflow: visible; margin-right:0 !important;}
	#mobileLogo{
		margin:15px 15px 0 0 !important;
		width:40%!important;
	}    
	#headerLogos{
		display: none;
	}
	.gig-comments-container{width:100%;}
	#onecolad a{display:block;}
	#rightAd a{display: none;}
	
	#template, #template #header #topLeaderBoard, #template #header #branding, #template #container #leftColWrapper, #template #container #rightColWrapper, div.parsys_column, #template #container #rightColumn, object{width:100%;}
	#template #container #leftColumn, #template #container #rightColumn{float:none; width:auto !important; margin:0 10px;}
	#template #container #rightColumn{margin: 0;}
	.entryanddisplay #ContentBody img{padding:10px 0;}
	
	div.parsys_column{width:100%;}
	.parsys_column .parsys_column{padding:0; width:100% !important;}
	.parsys_column #___plusone_0{width:375px !important;}
	#container #myExperience{width:100%;}
	
	.aggregator-standard-promotional table, .article-aggregator-standard table{width:100%;}
	.aggregate-standard-row td{display:block;}
	.aggregate-standard-row h2 a, #mboxImported-default-leds_MostRead_Articles-0 a, .title a, .blog-promo-single .blog-title{background:transparent; padding-left:0; font-size:15px;}
	#template #footer #bottomLeaderBoard img{
		height:auto;
	}

}
@media (max-width: 400px) {
	.column663 .toc-first-category, .column763 .toc-first-category{
		width:50%;
	}

	#mobileLogo{
		width:40% !important;
		margin-top:20px !important;
	}
	.ad-display a img{
		max-width:100% !important;
	}
		
	.extended-footer .footerlink #extendedfooterlinks table tbody tr td {display: block;}


}