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

#navigation_top {
    padding: 4px 5px 5px;
    border-bottom: 1px solid #C9D7F1;
    background: #fff;
}

#navigation_topleft {
	float: left;
	text-align:left;
	text-transform: capitalize;
}

#navigation_topright {
	float: right;
	text-align:right;
}

#navigation_top #navigation_topright ul li {
	border-right: 1px solid #000;
	padding-right: 6px;
	margin: 0;
	margin-right: 2px;
}

/* ***** begin: code for top navigation (very top of screen) **** */
#navigation_topleft, #navigation_topright {
	margin: 0;
	padding: 0;
	background-color: #fff;
}

#navigation_top ul {
	list-style: none;
}

#navigation_top ul li {
	display:inline;
	margin: 0 5px;
	padding: 0;
	color: #333;
	font-weight: normal;
}

#navigation_top ul li a {
	background-color: #fff;
	color: #369;
	margin:0px 0px 0px 0px;
	padding: 1px 1px 1px 1px;
	text-decoration: underline;
	font-weight:normal;
	font-size: 1.15em;
}

#navigation_top ul li a.top_current {
	background-color: #fff;
	color: #333;
	margin:0;
	padding: 0;
	text-decoration:none;
	font-weight:bold;
	font-size: 1.1em;
}

/* ***** end: code for top navigation (very top of screen) **** */

/* ---- begin:  masthead layout elements ---- */

#nav_container { /*-- contains all of masthead, and secondary nav --*/
	margin: 0;
	padding: 0;
	background: #fff;
}

h1#logo a,
h1#gan_logo a {
    background:transparent url('http://www.thedroolingdog.com/examples/custom-login/img/logo_masthead.gif') 10px 10px no-repeat;
    display: block;
    overflow:hidden;
    text-indent:-9000px;
}
h1#gan_logo a {
    background:transparent url('http://www.thedroolingdog.com/examples/custom-login/img/logo-google_affiliate_network.gif') 10px 10px no-repeat;
}

#navigation_row1 {
    background: #5184D2;
}

#navigation_row1 .round_p362_bottomleft,
#navigation_row1 .round_p362_bottomright
{
	margin-top: -5px;
}

#navigation_row1 .round_p362_topleft,
#navigation_row1 .round_p362_bottomleft {
	float: left;	
}

#primary_left {   /*-- contains primary nav (w/ subnav drop downs) --*/
    float: left;
	margin: 4px 0 0 1px;
	padding: 0;
}

#primary_left p {
    font-size: 1.1em;
    color: #fff;
    padding: 5px 10px;
	margin: 0;
}
#primary_left p a, #primary_left p a:hover {
    color: #fff;
}
#primary_left p a:hover { background: none; text-decoration: none; }


/* *** begin: code for rounded corners on primary tabs *** */
.primary_tab-left,
li:hover .primary_tab-left,
li.primary_active .primary_tab-left,
li.primary_active:hover .primary_tab-left 
{
	position: relative;
	float: left;
	display:block;
	height: 3px;
	width: 3px;
	overflow:hidden;
	text-indent: -9000px;
	background-position:-10px -370px;
	background-color: transparent;
}
li.primary_active .primary_tab-left,
li.primary_active:hover .primary_tab-left 
{
	background-position:-10px -410px;
}
li:hover .primary_tab-left {
	background-position:-10px -330px;
}
/* *** end: code for rounded corners on primary tabs *** */


#working_as_container {  /*-- contains working as drop down --*/
	float: right;
	margin: 5px;
	padding: 0;
	background-color: #fff;
	color: #333;
	font-size: 1.1em;
}

/* ---- end:  masthead layout elements ---- */
/* ****************************************** */

/* ***** begin: code for primary navigation (tabs in masthead) **** */

#primary_nav, #primary_nav ul {
	list-style: none;
}

#primary_nav a {
	display: block;
	color: #000;
}

#primary_nav li {
	float: left;
	margin-right: 5px;
}

#primary_nav li ul {
	position: absolute;
	left: -999em;
	width: 160px;
	z-index: 900;
	margin-top: -2px;
}

#primary_nav li ul a {
    text-decoration: none;
	width: 160px;
	display: block;
	color: #fff;
	padding: 5px;
}

#primary_nav li ul a:hover {
	background: #e0edfe;
	color: #000;
}

#primary_nav li ul ul {
	top: auto;
	margin: -24px 0 0 170px;
}

#primary_nav li:hover ul ul, #primary_nav li:hover ul ul ul, #primary_nav li.sfhover ul ul, #primary_nav li.sfhover ul ul ul {
	left: -999em;
}

#primary_nav li:hover ul, #primary_nav li li:hover ul, #primary_nav li li li:hover ul, #primary_nav li.sfhover ul, #primary_nav li li.sfhover ul, #primary_nav li li li.sfhover ul {
	left: auto;
}

#primary_nav li:hover, #primary_nav li.sfhover {
	background: #98B8E1 url("http://www.thedroolingdog.com/examples/custom-login/img/tabs_right.gif") no-repeat scroll right -250px;
	color: #fff;
}

#primary_nav li:hover a
{
	background: #98B8E1;
}

/* change up the styles for the primary level hyperlinks */
#primary_left a.primary_tab {
    border: none;
    width: auto;
	padding: 6px 10px 10px;
    font-size: 1.1em;
	font-weight: normal;
    text-decoration: none;
	background: #3A6AAD url("http://www.thedroolingdog.com/examples/custom-login/img/tabs_right.gif") no-repeat scroll right 0;
    color: #fff;
}

#primary_left li.primary_active a.primary_tab,
#primary_left li.primary_active a.primary_tab:hover
{
	background: #d8e8ff url("http://www.thedroolingdog.com/examples/custom-login/img/tabs_right.gif") no-repeat scroll right -500px;
	color: #333;
	font-weight: bold;
}


#primary_left a.primary_tab:hover {
	background: #98B8E1 url("http://www.thedroolingdog.com/examples/custom-login/img/tabs_right.gif") no-repeat scroll right -250px;
}

/* if the drop-down has a subset (tertiary set) of navigation, show an arrow to the right of the link */
#primary_nav li a span.parent {
    float: right;
    display: block;
    text-indent: -9000px;
    margin-top: 2px;
    overflow: hidden;
	background-image: url("http://www.thedroolingdog.com/examples/custom-login/img/layout.gif");
	background-attachment: scroll 150px;
	background-position: -80px -290px;
	background-repeat: no-repeat;
	width: 10px;
	height: 10px;
}


/* **** end: code for primary navigation (tabs in masthead) *** */
/* **************************************************** */

/* **************************************************** */
/* ***** begin: code for secondary navigation (grey bar under tabs in navigation_row2) **** */
#navigation_row2 {
	position: relative;
	top: -2px;
	margin: 0 15px;
	background: transparent;
}
/* *** rounded tops to secondary nav (not for first release) *** */
#navigation_row2 div.gbox-top .b1 {
	background: #d8e8ff;
	margin-left: 1px;
	font-size: 1px;
}
#navigation_row2 div.gbox-top .b2,
#navigation_row2 div.gbox-top .b3
{
	border-color: #ccc;
	background: #d8e8ff;
	margin-left: 1px;
	font-size: 1px;
}
/* *** end rounded tops *** */

#navigation_row2 ul {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	background: #d8e8ff;
	padding: 5px;
}

#navigation_row2 ul li {
	list-style: none;
	display: inline;
	margin: 1px 0;
}
#navigation_row2 ul li.secondary_current a,
#navigation_row2 ul li.secondary_current a:hover
{
	background: #d8e8ff;
	font-weight: bold;
	color: #000;
	text-decoration: none;
}

#navigation_row2 ul li.secondary_current .b1,
#navigation_row2 ul li .b1
{
	background: #d8e8ff;
	height: 1px;
	font-size: 1px;
	line-height: 1px;
	margin: 0 1px;
}
#navigation_row2 ul li.secondary_current .b1 {
	background: #5184D2;
}

#navigation_row2 ul li a {
	padding: 1px 4px;
	color: #999;
	font-size: 110%;
	text-decoration: none;
	text-transform: capitalize;
}
#navigation_row2 ul li a:hover {
	text-decoration: underline;
}

/* ********* begin: if navigation_row2 is empty ***** */
#navigation_row2-empty {
	position: relative;
	top: 4px;
	margin: 0 15px;
	background: transparent;
}
/* *** rounded tops to secondary nav *** */
#navigation_row2-empty div.gbox-top .b1 {
	background: #ccc;
	margin-left: 1px;
	font-size: 1px;
}
#navigation_row2-empty div.gbox-top .b2,
#navigation_row2-empty div.gbox-top .b3
{
	border-color: #ccc;
	background: #fff;
	margin-left: 1px;
	font-size: 1px;
}
#navigation_row2-empty ul {
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	background: #fff;
	padding: 0;
	font-size: 5px;
}

#navigation_row2-empty ul li {
	list-style: none;
	display: inline;
	margin: 1px 0;
}
/* *** end rounded tops *** */
/* ********* end:   if navigation_row2 is empty ***** */
/* ***** end: code for secondary navigation (grey bar under tabs in navigation_row2) **** */
/* **************************************************** */
/* ***** begin: code for tertiary navigation (smaller tabs in navigation_row3) **** */
#navigation_row3 {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px 0;
	margin: 0 15px;
	text-transform: capitalize;
	position: relative;
	top: -2px;
	background: #efefef;
}

#tertiary_nav li {
	display:inline;
	margin: 0;
	padding:0;
}

#tertiary_nav li a {
	background: transparent;
	margin:0 2px;
	padding: 4px 5px;
	font-size: 1.0em;
	text-decoration: none;
	color: #999;
	padding: 5px 10px;
}
#tertiary_nav li a:hover {
    color: #999;
	text-decoration: underline;
}

#tertiary_nav .tertiary_current a,
#tertiary_nav .tertiary_current a:hover {
	background: #efefef;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}

#tertiary_nav .tertiary_current .b1 {
	background: #efefef;
	margin: 0px 1px;
	height: 1px;
	line-height: 1px;
	display:block;
	width: auto;
}
/* ***** end: code for tertiary navigation (smaller tabs in masthead_row3) **** */

#nav_container, #navigation_topright, #primary_nav, #primary_nav ul { text-transform: capitalize; }

/* ***** end: navigation code **** */
/* ***** begin: shared container code **** */

#specific_search {  /*-- contains client/partner filter section for 'search' interface --*/
    text-align:right;
	position: relative;
	top: -2px;
	margin: 0;
	padding: 5px;
	background: transparent;
	float: none;
}

#page_container {
	margin: 0 15px;
	position: relative;
	top: -2px;
	clear: left;
}

#page_body {
	background: #fff;
	border-width: 0 1px;
	border-style: solid;
	border-color: #ccc;
	border-top: none;
	padding: 0;
}
.pbody_bottom-right { 
	background-position: -36px -316px;
	background-color: #e1e3ec;
	position: relative;
	right: -1px;
	top: 1px;
}
.pbody_bottom-left {
	position: relative;
	left: -1px;
	top: 1px;
	background-position: -9px -316px;
	background-color: #e1e3ec;
}
/* ***** end: shared container code **** */



.noborder { border: none !important; }

/* **** styles for the overlay background when a pop over box appears ***/
#overlay{ 
	background-color:#000;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 101;
    width: 100%;
    height: 100%;
}

.closewindow {
	position:relative;
	float:right;
	clear:both;
	padding: 0 16px 0 0;
	cursor:pointer;
	font-size:8pt;
	text-decoration:underline;
	color:#336699;
	text-align:right;	
    background: url("http://www.thedroolingdog.com/examples/custom-login/img/small_close.gif") right no-repeat transparent;
}

.expand_me {
    background: url("http://www.thedroolingdog.com/examples/custom-login/img/show.gif") right no-repeat transparent;
	width:11px;
	height:11px;
	text-indent: -9000px;
}

.collapse_me {
    background: url("http://www.thedroolingdog.com/examples/custom-login/img/hide.gif") right no-repeat transparent;
	width:11px;
	height:11px;
	text-indent: -9000px;
}

.expand_me_left {
    background: url("http://www.thedroolingdog.com/examples/custom-login/img/show.gif") right no-repeat transparent;
	width:11px;
	height:11px;
	text-indent: -9000px;
}

.collapse_me_left {
    background: url("http://www.thedroolingdog.com/examples/custom-login/img/hide.gif") right no-repeat transparent;
	width:11px;
	height:11px;
	text-indent: -9000px;
}

.tt_arrow {
	margin: -2px 0 0 10px;
	height: 10px;
	width: 10px;
    background: url('http://www.thedroolingdog.com/examples/custom-login/img/tt_arrow.png') 0 0 no-repeat transparent;
}

.score_1, .score_2, .score_3, .score_4, .score_5 {
    background-image: url('http://www.thedroolingdog.com/examples/custom-login/img/box.png');
}

/* white arrow facing right 10 x 10 */
.arrow_right_white,
/* white dropdown arrow 10x10 */
.dropdown_white_10x10,
/* export plus icon 25 x 16 */
.exportplus_icon,
/* feed icon 18 x 18 */
.feed_icon_18x18,
/* search_icon */
.search_icon,
/* searchplus_icon */
.searchplus_icon,
/* begin: rounded corners classes */
/* pantone 349 */
.round_p349_topleft,
.round_p349_topright,
.round_p349_bottomleft,
.round_p349_bottomright,
/* pantone 362 */
.round_p362_topleft,
.round_p362_topright,
.round_p362_bottomleft,
.round_p362_bottomright,
/* pantone 317 */
.round_p317_topleft,
.round_p317_topright,
.round_p317_bottomleft,
.round_p317_bottomright,
/* white */
.round_white_topleft,
.round_white_topright,
.round_white_bottomleft,
.round_white_bottomright,
/* primarytabs */
.primary_tab-left,
.primary_tab-right,
.primary_active-left,
.primary_active-right,
/* pageBody corners */
.pbody_bottom-left,
.pbody_bottom-right
{
	background-image: url('http://www.thedroolingdog.com/examples/custom-login/img/layout.gif');
}

/* IE 6 background image */
/* white arrow facing right 10 x 10 */
* html .arrow_right_white,
/* white dropdown arrow 10x10 */
* html .dropdown_white_10x10,
/* export plus icon 25 x 16 */
* html .exportplus_icon,
/* feed icon 18 x 18 */
* html .feed_icon_18x18,
/* search_icon */
* html .search_icon,
/* searchplus_icon */
* html .searchplus_icon,
/* begin: rounded corners classes */
/* pantone 349 */
* html .round_p349_topleft,
* html .round_p349_topright,
* html .round_p349_bottomleft,
* html .round_p349_bottomright,
/* pantone 362 */
* html .round_p362_topleft,
* html .round_p362_topright,
* html .round_p362_bottomleft,
* html .round_p362_bottomright,
/* pantone 317 */
* html .round_p317_topleft,
* html .round_p317_topright,
* html .round_p317_bottomleft,
* html .round_p317_bottomright,
/* white */
* html .round_white_topleft,
* html .round_white_topright,
* html .round_white_bottomleft,
* html .round_white_bottomright,
/* primarytabs */
* html .primary_tab-left,
* html .primary_tab-right,
* html .primary_active-left,
* html .primary_active-right,
/* pageBody corners */
* html .pbody_bottom-left,
* html .pbody_bottom-right
{
	background-image: url('http://www.thedroolingdog.com/examples/custom-login/img/layout.gif');
}
/* end IE 6 background image */

.score, .score_1, .score_2, .score_3, .score_4, .score_5 {
	background:transparent url('http://www.thedroolingdog.com/examples/custom-login/img/box.png') repeat-x scroll left bottom;
}

.score {
	background-position: top left;
}