#account a{color:#003366}

#account #content {margin:0 30px 0 220px}
#content h2 {color:#003366;font-size:13px;font-weight:bold;line-height:15px;margin:0pt;padding-bottom:10px;}

#account #contentWide {margin: 0 30px;}
#contentWide h1 {margin:0; padding-bottom:10px; font-size:16px; line-height:18px; font-weight:bold; color:#003366;}
#contentWide h2 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}
#contentWide h3 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}
#contentWide .inverse { background:url(/img/browse_930.png) no-repeat; padding: 4px; margin: 2px 0 0;color:#fff }
#contentWide .inverse .required {color: #fff; font-weight: bold;font-size:10px;float:right;padding-right:70px; }
#contentWide .required { color: #f00; font-weight: bold; }
#contentWide h4, #contentWide h5, #contentWide h6 {margin:0; padding-bottom:10px; font-size:11px; line-height:13px; font-weight:bold; color:#003366;}
#contentWide h7 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}

#account #content30 {margin: 0 0 0 30px;font:11px/13px Verdana, Arial, Helvetica;}
#content30 h1 {margin:0; padding-bottom:10px; font-size:16px; line-height:18px; font-weight:bold; color:#003366;}
#content30 h2, #content30 h7 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}
#content30 .inverse { background:url(/img/browse_930.png) no-repeat; padding: 4px; margin: 2px 0 0; color:#fff;}
#content30 .inverse .required {color: #fff; font-weight: bold;font-size:10px;float:right;padding-right:70px; }
#content30 .required { color: #f00; font-weight: bold; }
#content30 h3, #content30 h4, #content30 h5, #content30 h6 {margin:0; padding-bottom:10px; font-size:11px; line-height:13px; font-weight:bold; color:#003366;}
#content30 h7 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}
#content30 p {margin:0; padding-bottom:10px; padding-right:10px;}

#account #content20 {margin: 0 0 0 20px;}
#content20 h1 {margin:0; padding-bottom:10px; font-size:16px; line-height:18px; font-weight:bold; color:#003366;}
#content20 h2 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}
#content20 .inverse { background:url(/img/browse_930.png) no-repeat; padding: 4px; margin: 2px 0 0;color:#fff }
#content20 .inverse .required {color: #fff; font-weight: bold;font-size:10px;float:right;padding-right:70px; }
#content20 .required { color: #f00; font-weight: bold; }
#content20 h4, #content20 h5, #content20 h6 {margin:0; padding-bottom:10px; font-size:11px; line-height:13px; font-weight:bold; color:#003366;}
#content20 h3 {margin:0; padding-bottom:20px; font-size:11px; line-height:13px; font-weight:bold; color:#003366;}
#content20 h7 {margin:0; padding-bottom:10px; font-size:13px; line-height:15px; font-weight:bold; color:#003366;}

#account #container { width: 990px; position: relative;}
            
   #account #main {}
      #account #local-nav {float:left; display:inline; width:174px; overflow:hidden; margin:0 5px 0 11px;}
         #account #local-nav h3 {margin:0; padding:2px 8px; font-size:11px; color:#fff; background-color:transparent}
         #account #local-nav h3 a, #account #local-nav h3 a:hover {color:#fff;}
         #account #local-nav ul {margin:0; padding:0 0 15px 5px;}
         #account #local-nav ul ul {padding:0;}
         #account #local-nav li {list-style-type:none; border-top:1px solid #fff; padding:4px 12px;}
         #account #local-nav li li {padding-left:10px; background:url(/img/icon_bullet.gif) 1px 7px no-repeat;}
         #account #local-nav li.firstChild {border:none;}
         #account #local-nav a {color:#000; text-decoration:none;}
         #account #local-nav a:hover {color:#006;}
         #account #local-nav li.on {font-weight:bold;}
         #account #cat {margin-bottom:10px;}
         #account #matches {margin-bottom:10px; background-color:#def;}
            #account #matches ul {padding-top:3px;}
            #account #matches li {border-color:#fff;}
            #account #matches li a:hover {text-decoration:underline;}
            #account #browse-cat {margin-bottom:10px; padding-top:5px; background:url(/img/browse.png) no-repeat;}
            /*
               #browse-cat li {border-color: #006;}
            */
						#account #browse-cat h3 {font-weight:normal;}
            #account #browse-cat ul#tabs {margin: -1px 0 0 3px; padding:0; height:22px;}
            #account #browse-cat ul#tabs li {float:left; display:inline; margin:0; padding:0; list-style-type:none;}
            #account #browse-cat ul#tabs li a {display:block; width:80px; height:22px; overflow:hidden; text-align:center; font-size:10px; line-height:20px; font-weight:bold; color:#006; margin:0 0 0 2px}
            #account #browse-cat ul#tabs li.subject a {background:#def url(/img/tabs.png) bottom left no-repeat;}
            #account #browse-cat ul#tabs li.subject a.on {background-position:top left;}
            #account #browse-cat ul#tabs li.course a {background:#ddd url(/img/tabs.png) top right no-repeat;}
            #account #browse-cat ul#tabs li.course a.on {background-position:bottom right;}
            #account #browse-cat ul#tabs li.course, #account #browse-cat ul#tabs li.subject {border:0; margin-top:2px;}
						#account #browse-cat ul.subject {clear:left; background-color:#fff; padding:0; margin:0;}
            #account #browse-cat ul.course {clear:left; background-color:#fff; padding:0; margin:0;}
            #account #browse-cat ul.subject li, #account #browse-cat ul.course li {_height: 0;padding:0; margin:0; border:0;}
            #account #browse-cat ul.subject li a, #account #browse-cat ul.course li a{_height: 0;display:block; background:#f2f2f2 url(/img/browseli.png) no-repeat 4px 9px; padding:3px 0 3px 12px; font-size:10px;}
            #account #browse-cat ul.subject li a:hover, #account #browse-cat ul.course li a:hover{_height: 0;display:block; background:#3d64b1 url(/img/whitearr.gif) no-repeat 4px 9px; color:#fff}

		#account #browse-cat div#panels ul {display:none; margin-top:1px;}
         #account #browse-cat div#panels firstChild{padding-left:10px;}
		 #account #browse-cat div#panels ul.on {_height: 0;display:block;color:#fff;font-size:10px;background-color:#3d64b1;padding:0;margin:0}

/*	#account #sidebar {float:right; display:inline; width:160px; background: url(/img/dots.png) repeat-x top; padding-top:1px;  margin-right:10px;}
         #account #sidebar h3 {margin:0; padding:4px 14px; font-size:11px; color:#333; font-variant:normal; background-color:transparent}
         #account #sidebar p {margin:0; padding: 0 8px 8px;}
         #account #sidebar ul {margin:0; margin:0 2px 5px 2px; background:#fff url(/img/dots.png) repeat-x top; padding:0;}
         #account #sidebar li {list-style-type:none; padding:0; background:url(/img/dots.png) repeat-x bottom;}
         #account #sidebar a {color:#000; text-decoration:none;}
         #account #sidebar a:hover {color:#fff; text-decoration:none;}
  */       
         #account #details {margin-bottom:10px; padding:10px 0; background-color:#def;}
            #account #details p.button {height:20px;}
            #account #details div.button {height:30px;}
            #account #details div.button #buyMeForm { display: inline; margin: 0; padding: 0; }
            #account #details div.button #buyMeForm #buyMe { float: right; font-variant: small-caps; font-weight: bold; color: #f00; }
            #account #details p.button a {float:right; font-variant:small-caps; font-weight:bold; color:#f00; text-decoration:none;}
            #account #details p.button a:hover {text-decoration:underline;}
            #account #details p.list-header {padding-bottom:0;}
            #account #details li {border:none;}
            #account #details li a {color:#006; text-decoration:underline;}
            #account #details li a:hover {color:#f00; text-decoration:none;}
            #account #details .crossref { text-align: center; margin: 10px 0; }
         #account #resources {margin-bottom:10px;}
         #account #resources h3 {padding:4px 0 4px 14px; background:#fff url(/img/res.png) no-repeat 2px 5px; color:#333; font-weight:normal;}
         #account #resources li {list-style-type:none; padding:2px 0; border:0;}
         #account #resources li.firstChild { border:none; }
         #account #resources a {color:#666; text-decoration:none; background:url(/img/browseli.png) no-repeat 4px 7px; padding:2px 0 2px 13px; display:block; font-size:10px;}
         #account #resources a:hover {color:#006; background:#6694d2 url(/img/whitearr.gif) no-repeat 4px 7px; color:#fff}
         #account #tax-info {margin-bottom:10px;}
         #account #extras {margin-bottom:10px;}
         #account #extras .extras-callout {background-color: #fff; width:160px; height:26px; margin:6px 0; position: relative; }
         #account #extras .extras-callout h3 { background-color:transparent; color:#006; padding: 0; display:none;}
         #account #extras .extras-callout p {display:block; margin:0; padding:0; width:160px; height:26px; background:url(/img/sidemenu.gif) no-repeat; text-indent:-9999px; position:static;}
				 #account #extras .extras-callout p a {background:url(/img/sidemenu.gif) no-repeat; display:block;  height:26px; width:160px; margin:0; padding:0;}
         #account #extras .extras-callout p#snav1 a {background-position:0 0;}
         #account #extras .extras-callout p#snav1 {background-position:0 -26px;}
         #account #extras .extras-callout p#snav2 {background-position:-160px -26px;}
         #account #extras .extras-callout p#snav2 a {background-position:-160px 0;}
         #account #extras .extras-callout p#snav3 {background-position:-320px -26px;}
         #account #extras .extras-callout p#snav3 a {background-position:-320px 0;}
         #account #extras .extras-callout p a:hover, #extras .extras-callout a.on {background-image:none;}
				 #account #extras .extras-press h3{position:absolute; padding:0; margin:4px 0 0 8px; font-weight:normal; color:#333}
				 #account #efirst { background:url(/img/dots.png) repeat-x top;}
         #account #extras .extras-press p {margin:0; padding:0 2px;}
         #account #extras .extras-press a {display:block; background:url(/img/dots.png) repeat-x bottom; padding:4px 0 4px 10px; color:#333; text-decoration:none; position:relative; text-indent:-9999px;}
				 
				 
         #account #extras li {list-style-type:none; border-top:1px solid #006; padding:2px 0;}
         #account #extras li.firstChild { border:none; }
         #account #register-box { margin: 0; padding: 0 8px 8px; }
            #account #register-box label { display: block; }
            #account #register-box input { width: 125px; margin: 0 0 4px 0; }
   #account #footer { width: 100%; margin-top: 15px; }
      #account #footer-nav {margin-bottom:8px; padding:0 15px; background:#f2f2f2 url(/img/dots.png) repeat-x top;}
         #account #about {margin:0; padding:8px 0; text-align: center; display: block;}
            #account #about li {display:inline; padding-right:15px;}
            #account #about li a, #account #subsidary li a {color:#333; text-decoration:none; font-size:11px; text-decoration:underline;}
            #account #about li a:hover, #account #subsidary li a:hover {color:#006; text-decoration:underline;}
         #account #subsidary {float:right; display:inline; margin: -21px 0 0 0;}
            #account #subsidary li {float:left; display:inline; padding-left:5px;}
      #account #legal {margin-bottom:8px; padding:0 15px; color:#006; text-align:center; font-size:10px;}
         #account #legal p {margin:0;}
         #account #legal a {color:#006;}
         #account #legal a:hover {color:#f00; text-decoration:none;}
	#account #panels { background: url(/img/rounded.png) no-repeat bottom; padding-bottom:8px; overflow:auto; display:block; clear:both; _height: 1%;}


/* shared */
#content h2.inverse .required { color: #fff; float: right; margin: 0 5px 0 0; font-size: 9px; }
#subscription-tabs ul {float:right; display:inline; margin:-17px 0 0 0; padding:0;}
#subscription-tabs li {float:left; display:inline; list-style-type:none;}
#subscription-tabs a {display:block; margin-right:4px; padding:2px 10px 3px; color:#fff; text-decoration:none; font-variant:small-caps; font-weight:bold; }
#subscription-tabs a:hover {text-decoration:underline; color:#fff;}
#subscription-tabs a.on {color:#006; background:#fff;}
#subscription-tabs a.on:hover {color:#006; text-decoration:none;}

.log-existing, .log-new { width: 47%; float: left; margin-right: 10px; }
.log-meta { height:  75px; }
.log-meta h2{color:#003366}
.log-submit { width: 100%; margin-top: 10px; float: none; text-align: center; }
.log-controls fieldset { margin: 5px 0; padding: 0; }
.log-controls fieldset label { width: 125px; display: block; float: left; }
.log-controls fieldset input { width: 225px; }
.log-controls fieldset input.toggle { width: auto; }
.log-controls fieldset a { display: block; margin: 5px 0 0 125px; font-size: .9em; width: 225px; }
/*.log-controls form .submit {margin:0 0 0 97px;}*/
.log-controls .spacer{padding:0 0 0 125px;}
.log-controls .log-forget fieldset { display: inline; float: left; }
.log-controls .log-forget .submit { margin: 5px 0 0 25px; }
.log-controls .log-activate .submit { margin: 5px 0 0 0; }


.twoCol { w\idth: 99%; }
.twoCol td { padding-right: 10px;width:47%;vertical-align:top; }
.twoCol td.ajax1 { width: 60%; padding-right: 10px; }
.twoCol td.ajax2 { width: 35%; padding-right: 10px; }
.twoCol td.ajax1 select.longRunner { width: 325px; }
.twoCol td.ajax2 .institution { float: none; width: 98%; margin-right: 10px; }
.twoCol td div { margin: 5px 0; }
.twoCol label { width: 135px; display: inline; float: left; }
.twoCol .twoColSpaced label { width: 170px; display: inline; float: left; }
.twoCol .twoColSpaced div { clear: both; }
.twoCol .twoColSpaced div .instr-input { float: left; display: inline; }
* html .twoCol .twoColSpaced div .instr-input { margin: 0 0 0 2px; }
.twoCol .twoColSpaced div .instr-text { display: inline; float: left; margin-left: 5px; width: 200px; w\idth: 40%; }
.twoCol .twoColSpaced div .instr-text input { width: 100px; }
label.inline { display: inline !important; float: none !important; }
.twoCol input.text { width: 175px; }
.twoCol textarea.text { width: 175px; }
.twoCol input.date-select { width: 75px; margin-right: 10px; }
.twoCol select { width: 180px; }
.twoCol select.date-select { width: 80px; margin-right: 10px; }
.twoCol .find-by-box { width: 125px; display: inline; float: left; }
.twoCol select.find-by { width: 170px; }
.twoCol .toggle { width: auto; }
.twoCol .noLabel { margin-left: 135px; }
* html .twoCol .noLabel { margin-left: 135px; }
.twoCol .edit-institution { margin-top: 20px; }
.twoCol .card-graphics { float: right; width: 200px; height: 40px; background: #ddf; margin-right: 230px; }
.twoCol .institution { float: left; width: 47%; margin-right: 10px; }
.twoCol .institution .fLeft { width: 10%; }
.twoCol .institution .fRight { width: 85%; }
.twoCol .address { float: left; width: 98%; margin-right: 5px; border: 1px solid #ccc; }
.twoCol .address .fLeft { width: 70%; padding-left: .3em; }
.twoCol .address .fLeft  p { line-height: auto; overflow:hidden; }
.twoCol .address .fRight { width: 25%; padding-right: .3em; }
.twoCol .address .fRight p { font-weight: bold; color: #666; }
.twoCol .address .fRight h4 { font-weight: bold; color: #000 !important; }
.twoCol .shaded { /*background: #ddf;*/ }
.twoCol .institution p { margin: 0 !important; padding:3px 0 0 0; line-height: 10px !important; }
.twoCol .institution .default { margin: 5px 0; font-weight: bold; }
.twoCol .institution .controls { margin: 5px 0; }
.twoCol h3.course-group { margin: 0 !important; padding: 0 !important; color: #000; }
.twoCol .course-group { margin: 16px 0 5px 0; padding: 0; color: #000; }
.twoCol .course-group td { width: 30%; padding: 0 4px 0 0 !important; margin: 0; }
.twoCol .course-group td.label { width: 125px; }
.twoCol .course-group td.group { width: 225px; }
.twoCol h3.role-group { margin: 0 !important; padding: 0 !important; color: #000; }
.twoCol .role-group { margin: 16px 0 5px 0; padding: 0; color: #000; width: 560px; }
.twoCol .role-group td { width: 30%; padding: 0 4px 0 0 !important; margin: 0; }
.twoCol .role-group td.label { width: 125px; }
.twoCol .role-group td { width: 50% !important; }
.twoCol .role-group span { vertical-align: bottom; }
.twoCol .course { margin-top: 16px; }
.twoCol .course h3 { margin: 0 0 5px 0; padding: 0; color: #000; }
.twoCol .course p { margin: 0 0 4px 0; padding: 0; }
.checkbox-group { margin: 0; padding: 0; display: inline;}
.checkbox-group li { display: inline; }
.checkbox-group li span { display: block; width: 99%; padding: 1px 0; }
.checkbox-group li span label { display: inline; float: none;  }
.jobdesc { border: none; }
.jobdesc .legend { float: left; margin: 5px 0; }
.jobdesc label { display: inline; float: none; }
.jobdesc div { width: 200px !important; margin-left: 75px !important; }
.formNav { width: 74%; w\idth: 99%; }
.formNav .next { text-align: right; }
.formNav .next input {  }
.formNav .nextLeft { text-align: left; }
.formNav .nextLeft input { font-weight:bold; }
.editControl { width: auto !important; }
.service-callout { float: right; width: 170px; margin: 0 0 10px 10px; }
.review-checkout .results-table td { border-bottom: 1px solid #000; }
.review-checkout .results-table .checkout td { border-bottom: 1px solid #000; }
.review-checkout h2 { margin: 10px 0 0 0; }
.results-table .twoCol {}
.payment-method { border-top: 1px solid #000; }
.payment-method td { padding: 10px 0 !important; }
.ship-to-address { float: left; display: inline; padding: 20px 10px 10px 0; width: 30%; }
.bill-to-address { float: left; display: inline; padding: 20px 10px 10px 0;}
.ship-to-legal { margin-top: 70px; float: left; display: inline; font-weight: bold; width: 35%; }
.continue-browsing{ margin-top: 100px; float:left; display:inline;text-align: right; margin-left: 45px;}
.ship-to-confirm { padding: 10px 0; }
.mail-options { padding-left: 30px; }
.cart-edit { text-align: right; padding:10px 250px 15px 0; }
.btn-bold { font-weight: bold; }
input.date-select { width: 75px; }

.twoCol select.countryList { width: 350px; }
.twoCol select.institutionList { width: 225px; }
.twoCol input.longRunner {width:170px;}
input.moveMiddle {margin-right:0px;}
label.loginAlerts {color:red;}
span.removeButton{display:block;float:left;padding-right:8px;}
#alerts-content{}
#alerts-content h1 {padding:0 0 10px 50px}
#alerts-content a {font-weight:bold;}
#alerts-content p {margin:4px}
#alerts-content #text{padding:5px 0 0 48px}


/* ICFR Branch */
.newicfrlook .twoCol select { width: 280px; }
.newicfrlook .twoCol select.date-select { width: 100px; margin-right: 5px; }
.newicfrlook .twoCol select.date-select-small { width: 60px; margin-right: 5px; }

.newicfrlook .icfrBookInfo{ margin-top:40px; }
.newicfrlook .bookCallout{ display: block; border: 1px solid #AAA; padding: 10px; float:left; width: 273px;}
.newicfrlook .icfrBookInfo span{ display: block; margin-bottom: 7px; }
.newicfrlook .accent{ color: #003366; }

.newicfrlook .courseForm{ width: 580px; margin-top: 20px; }
.newicfrlook .courseForm label{ width: 155px; }

.newicfrlook .formLink{ background-color: transparent; border: none; overflow: visible;text-decoration: underline; color: #006; padding: 0; margin: 0;}

/* New styles for ICFR change requests */
div.newicfrlook{ margin-top: 25px; }
.newicfrlook .results-table th{ background:none; color:#006; border-bottom: 1px solid #AAA; }
.newifcrlook .results-table th h2{ display: block; padding-left: 2px; padding-bottom: 15px; padding-top: 15px; }

.addressField{ height: 25px; }


.ecomLogin{ width: 650px; }
.ecomLogin td.column1{ width: 40%; }
.ecomLogin td.column2{ width: 20%; }
.ecomLogin td.column3{ width: 40%; }

#addInstitutionSubmit { visibility: hidden; }
#institutionForm label, #departmentForm label {width:125px;}

.buttons {float:left; margin:30px 0 10px 0;line-height:18px;}

.backProd { text-align:left;float:left; margin-left:0;}
.centerProd {text-align:center; float:left; padding-left:20px;}
.forwardProd {text-align:right;float:right; padding-right:0;}

.buttonsReview {float:left; margin:10px 0 10px 0;line-height:18px;clear:left;width:76%;}

.backReview { text-align:left;float:left; margin-left:0;}
.centerReview {text-align:center; float:left; padding-left:200px;}
.forwardReview {text-align:right;float:right; padding-right:0;}


#create-xpress{background-color:#f2f2f2;width:80%; margin:0 0 10px 0;}
#create-xpress h3{padding:2px 0 0 5px;}
#create-xpress p{padding:2px 0 0 5px;margin:2px 0 2px 0}
#create-xpress #box{width:600px;line-height:25px;height;padding:3px 0 0 5px;}
#create-xpress #txt{width:400px;height:90px;}
#create-xpress #txt #left{float:left}
#create-xpress #txt #right{padding:5px 0 0 120px;}
#create-xpress #extras{padding:5px 0 1px 5px;}
#create-xpress div {padding:0 0 3px 5px;}

table#userRequests th.thumb{ width: 0%; }
table#userRequests th.product{ width: 38%; }
table#userRequests th.course{ width: 25%; }
table#userRequests th.requestedOn{ width: 16%; }
table#userRequests th.adoption{ width: 19%; }
table#userRequests th.adoptionType{ width: 2%; }

table#userRequests td.thumb{ width: 0%; }
table#userRequests td.product{ width: 38%; }
table#userRequests td.course{ width: 25%; }
table#userRequests td.requestedOn{ width: 19%; }
table#userRequests td.adoption{ width: 10%; }
table#userRequests td.adoptionType{ width: 0%; }

table#userRequests tr.options th{ border-bottom: 1px solid #c2d5e3; font-weight: normal; padding: 5px 5px 6px 5px; }
table#userRequests tr.options th a, table#userRequests tr.options th span{ display: inline; padding: 5px 9px; }
table#userRequests tr.options th span.selected{ background-color: #f0f7fc; }
table#userRequests th{ border-bottom: 2px solid #ccc; }

table#userRequests tr.finished td{ background-color: #fcfcfc; }
table#userRequests th a{ text-decoration: none; font-weight: normal; padding: 5px; display: block; }
table#userRequests th a:hover{ text-decoration: none; background-color: #fcfcfe; color: black;}

table#userRequests th.sort{ border-bottom: 2px solid #a1a5b3;}
table#userRequests th.sort a, table#userRequests th.sort.reverse.descending a{ text-decoration: none; font-weight: normal; padding: 5px; display: block; background:url(/img/sort_up.png) no-repeat; background-position: top right; background-color: #e6f0f8; }
table#userRequests th.reverse a, table#userRequests th.sort.descending a{ background:url(/img/sort_down.png) no-repeat; background-position: top right; background-color: #e6f0f8; }
table#userRequests th.sort a:hover{ text-decoration: none; background-color: #e8f2f9; }

table#userRequests td{ border-bottom: 1px solid #ddd; padding: 5px; min-height: 30px;}
table#userRequests td.sort{ background-color: #fcfcfc; }
table#userRequests tr.finished td.sort{ background-color: #f9f9f9; }

table#userRequests button.positive{ padding: 5px 20px 5px 5px; border: 1px solid #ccc; background-color: #eee;}
table#userRequests button.negative{ padding: 5px 10px 5px 5px; border: 1px solid #ccc; background-color: #eee; }

table#userRequests .icfrType{ color: rgb(0,51,102); }
.secondary{ color: #444; }
.secondary .label{ color: #aaa; }
.results-table strong{color:#003366}
