/* CSS Document */

body {background: #f5f5f5 url(http://www.privatestudentloans.com/images/sitebg.gif) repeat-x; margin: 0; padding: 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12px}

form {margin: 0; padding: 0}
img {border:none;}

/**************** Structural Elements ****************/

#wrapper {position: relative; margin: 0 auto; padding: 0; width: 788px; height: auto}

#folio {position: absolute; top: 0; left: 0; margin: 0; padding: 0; width: 828px; height: auto; background: #fff; border-right: solid 1px #d2d2d2; border-left: solid 1px #d2d2d2}

/**************** Site Container ****************/

#site_wrapper {float: left; width: 788px; height: auto; margin: 12px 0 0 20px; padding: 0; background: #fff; display: inline}

/**************** Logo Container ****************/

.logo {float: left; width: 485px; height: 72px; margin: 0; padding: 0}

/**************** Top Right Styles ****************/

.topright {float: right; width: 278px; height: auto; margin: 0; padding: 0; text-align: right}

.topright p {font-size: 11px; color: #b3c3dc; margin: 0; padding: 0}

.topright a:hover {color: #444; text-decoration: underline; font-size: 11px}
.topright a:active,.topright a:visited,.topright a:link {color: #444; text-decoration: none; font-size: 11px}

.topright_split {margin: 0 10px}

/**************** Live Support ****************/

.live_support {margin-right: -4px; color: #000; white-space: nowrap; text-align: right; padding: .6em 0 0; font-weight: 700; font-size: 150%; letter-spacing: 4px}
.live_support h1 {font-size: 75%; letter-spacing: 0; line-height: 1em; margin: 0; padding: 0}

/**************** Navigation ****************/

#nav {float: left; width: 788px; height: 36px; margin: 0; padding: 0; background: #fff url(http://www.privatestudentloans.com/images/navbg3.gif) no-repeat; text-align: center; white-space: nowrap}

#nav p {margin: 9px 0 0 0 !important; padding: 0 !important; font-size: 14px !important; font-weight: bold !important; color: #fff !important}
#nav a:link{color:#fff; text-decoration:none; font-size:14px}
#nav a:visited{color:#fff; text-decoration:none; font-size:14px}
#nav a:hover{color:#cfe0f6; text-decoration:none; font-size:14px}
#nav a:active{color:#fff; text-decoration:none; font-size:14px}
#nav a.topnavselected {color: #cfe0f6; text-decoration: none}

.navsplit {margin: -5px 17px}

/*************** Main Content Wrapper and Area Styles ****************/

#main_content,#logo_strip {float: left; width: 788px; height: auto; margin: 0; padding: 0}

/**************** Left Column ****************/

#left_content{float:left; width:206px; height:auto; margin:0; padding:0}

.left_module{float:left; width:206px; height:auto; margin:13px 0 0 0; padding:0}

.left_module img{vertical-align:middle}

.left_module h1{margin:0; padding:0 0 5px 0; font-size:14px; color:#111; font-weight:bold}

.left_module p{margin:0; padding:0 0 5px 0; font-size:12px; color:#222; font-weight:normal}

.left_module a:link{color:#0965ae; text-decoration:none; font-size:12px}
.left_module a:visited{color:#0965ae; text-decoration:none; font-size:12px}
.left_module a:hover{color:#0965ae; text-decoration:underline; font-size:12px}
.left_module a:active{color:#0965ae; text-decoration:none; font-size:12px}

.left_module a.black{color:#222; text-decoration:none}
.left_module a.black:hover{color:#222; text-decoration:underline}

.left_resources_wrap{float:left; width:206px; height:auto; margin:13px 0 0 0; padding:0}

.left_resources{float:left; width:206px; height:auto; margin:0; padding:0; background:#e6eff8 url(http://www.privatestudentloans.com/images/leftbg.gif) no-repeat}

.left_resources h1{margin:10px 12px 4px 12px; padding:0 0 4px 0; font-size:14px; color:#980F08; font-weight:bold; background:url(http://www.privatestudentloans.com/images/lefth1-bg.gif) bottom left repeat-x}

.left_resources h1 a:link{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h1 a:visited{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h1 a:hover{color:#980F08; font-size:14px; text-decoration:underline}
.left_resources h1 a:active{color:#980F08; font-size:14px; text-decoration:none}

.left_resources h3{margin:10px 12px 4px 12px; padding:0 0 4px 0; font-size:14px; color:#980F08; font-weight:bold; background:url(http://www.privatestudentloans.com/images/lefth1-bg.gif) bottom left repeat-x}

.left_resources h3 a:link{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h3 a:visited{color:#980F08; font-size:14px; text-decoration:none}
.left_resources h3 a:hover{color:#980F08; font-size:14px; text-decoration:underline}
.left_resources h3 a:active{color:#980F08; font-size:14px; text-decoration:none}

.left_resources h4{margin:8px 12px 0 12px; padding:10px 0 0 0; font-size:12px; color:#980F08; font-weight:bold; background:url(http://www.privatestudentloans.com/images/lefth1-bg.gif) top left repeat-x}

.left_resources h4 a:link{color:#980F08; text-decoration:none; font-size:12px}
.left_resources h4 a:visited{color:#980F08; text-decoration:none; font-size:12px}
.left_resources h4 a:hover{color:#980F08; text-decoration:underline; font-size:12px}
.left_resources h4 a:active{color:#980F08; text-decoration:none; font-size:12px}

.left_resources p{margin:2px 12px 0 12px; padding:0 0 2px 10px; font-size:12px; color:#000; font-weight:normal; background:url(http://www.privatestudentloans.com/images/leftp-bg.gif) left .2em no-repeat}

.left_resources p.active{margin:2px 12px 0 0; padding:0 0 2px 22px; font-size:12px; color:#0965AE; font-weight:bold; background:url(http://www.privatestudentloans.com/images/leftp-bg-active.gif) left .2em no-repeat}

.left_resources p.active a{color:#0965AE}

.left_resources a:link{color:#000; text-decoration:none; font-size:12px}
.left_resources a:visited{color:#000; text-decoration:none; font-size:12px}
.left_resources a:hover{color:#000; text-decoration:underline; font-size:12px}
.left_resources a:active{color:#000; text-decoration:none; font-size:12px}

.left_resources_bottom{float:left; width:206px; height:9px; margin:0; padding:0; font-size:2px; background:#e6eff8 url(http://www.privatestudentloans.com/images/leftbg-bottom.gif) no-repeat}


/**************** Right Column ****************/

#right_content{float:right; width:555px; height:auto; margin:0; padding:0}

.right_module{float:left; width:555px; height:auto; margin:13px 0 0 0; padding:0}

.wide_module{float:left; width:786px; height:auto; margin:13px 0 0 0; padding:0}

.right_module_leading{margin:0 0 1em 0}

.right_module h1,#main_content > h1{margin:0; padding:0; font-size:20px; font-weight:bold; color:#0965ae}
#main_content > h1{margin: 13px 0 0}

.right_module h1 a:link{color:#0965ae; font-size:20px; text-decoration:none}
.right_module h1 a:visited{color:#0965ae; font-size:20px; text-decoration:none}
.right_module h1 a:hover{color:#0965ae; font-size:20px; text-decoration:underline}
.right_module h1 a:active{color:#0965ae; font-size:20px; text-decoration:none}

.right_module h2 {margin:10px 0 0 0; padding:0; font-size:14px; font-weight:bold; color:#000}

.right_module h2 a:link{color:#0965ae; font-size:14px; text-decoration:none}
.right_module h2 a:visited{color:#0965ae; font-size:14px; text-decoration:none}
.right_module h2 a:hover{color:#0965ae; font-size:14px; text-decoration:underline}
.right_module h2 a:active{color:#0965ae; font-size:14px; text-decoration:none}

.right_module h3{margin:10px 0 0 0; padding:0; color:#000; line-height:normal; font-size:12px; font-weight:bold}

.right_module p,.bodycopy{margin:10px 0 0 0; padding:0; color:#000; line-height:1.4em; font-size:12px}

.right_module ul, #right_content ul {margin-bottom: 1em; padding-left:2em;/*setting for FF and other standards compliant browsers*/
#padding-left:0;/*setting for IE7*/
#margin-left: 2em; _padding-left:0;/*setting for IE6*/
_margin-left: 2em; line-height: 1.4em;font-size: 12px;}

.right_module ol, #right_content ol{margin-bottom:1em; padding-left:2em; line-height:1.4em; font-size:12px}

.right_module li{margin-bottom:1em}

.right_module a:link{color:#0965ae; text-decoration:none; font-size:12px}
.right_module a:visited{color:#0965ae; text-decoration:none; font-size:12px}
.right_module a:hover{color:#0965ae; text-decoration:underline; font-size:12px}
.right_module a:active{color:#0965ae; text-decoration:none; font-size:12px}

/****************** Positioning Area *******************/

.positioning_wrap {float: left; width: 555px; height: auto; margin: 0; padding: 0}

.positioning_image {float: left; width: 172px; height: auto; margin: 0; padding: 0}

.positioning_image img {border: none}

.positioning_top {float: right; width: 348px; height: 109px; margin: 0; margin-bottom: 10px; padding: 8px; background: url(http://www.privatestudentloans.com/images/pos-copy-bg.gif) no-repeat}

.positioning_top h1 {font-size: 16px; font-weight: 700; margin: .25em 0 0; line-height: .5em; padding: 0; color: #c00025}
.positioning_top h1 a:active,.positioning_top h1 a:hover,.positioning_top h1 a:visited,.positioning_top h1 a:link {font-size: 16px; color: #c00025}

.positioning_left {float: left; width: 170px; height: auto; margin: 0; padding: 0; background-color: #fff}

.positioning_left h1 {font-size: 16px; font-weight: 700; margin: 0; padding: 0; color: #ed8d1e}
.positioning_left h1 a:active,.positioning_left h1 a:hover,.positioning_left h1 a:visited,.positioning_left h1 a:link {font-size: 16px; color: #ed8d1e}

.positioning_middle {float: left; width: 170px; height: auto; margin: 0 20px; padding: 0; display: inline; background-color: #fff}

.positioning_middle h1 {font-size: 16px; font-weight: 700; margin: 0; padding: 0; color: #0965ae}
.positioning_middle h1 a:active,.positioning_middle h1 a:hover,.positioning_middle h1 a:visited,.positioning_middle h1 a:link {font-size: 16px; color: #0965ae}

.positioning_right {float: right; width: 170px; height: auto; margin: 0; padding: 0; background-color: #fff}

.positioning_right h1 {font-size: 16px; font-weight: 700; margin: 0; padding: 0; color: #c1cd21}
.positioning_right h1 a:active,.positioning_right h1 a:hover,.positioning_right h1 a:visited,.positioning_right h1 a:link {font-size: 16px; color: #c1cd21}

.positioning_right p,.positioning_middle p,.positioning_left p {font-size: 12px; font-weight: 400; margin: 10px 0 0; padding: 0 0 6px; color: #222}
.positioning_right p.img,.positioning_middle p.img,.positioning_left p.img {font-size: 12px; font-weight: 400; margin: 4px 0 0; padding: 0; color: #222}

.positioning_right a,.positioning_middle a,.positioning_left a {color: #0965ae; text-decoration: none}
.positioning_right a:hover,.positioning_middle a:hover,.positioning_left a:hover {color: #0965ae; text-decoration: underline}

.positioning_right img,.positioning_middle img,.positioning_left img {border: solid 1px #c9d6e6; width: 256px; height: 144px}

/*********************** Graduate Loan Chooser *********************/

.positioning_glaleft {float: left; width: 260px; height: 200px; margin: 1em 0; padding: .5em .25em; padding-bottom: 0; background-color: #f6fbff; border: solid 1px #c9d6e6}

.positioning_glaleft h1 {font-size: 1.4em; font-weight: 700; margin: 0; padding: 0; color: #0965ae; text-align: center}

.positioning_glaleft h1 a:active,.positioning_glaleft h1 a:hover,.positioning_glaleft h1 a:visited,.positioning_glaleft h1 a:link {font-size: 17px; color: #0965ae}

.positioning_glaright {float: right; width: 260px; height: 200px; margin: 1em 0; padding: .5em .25em; padding-bottom: 0; background-color: #f6fbff; border: solid 1px #c9d6e6}

.positioning_glaright h1 {font-size: 1.4em; font-weight: 700; margin: 0; padding: 0; color: #ed8d1e; text-align: center}

.positioning_glaright h1 a:active,.positioning_glaright h1 a:hover,.positioning_glaright h1 a:visited,.positioning_glaright h1 a:link {font-size: 17px; color: #ed8d1e}

.product_module {float: left; width: 553px; height: auto; margin: 10px 0 0; padding: 0 0 12px; background-color: #f6fbff; border: solid 1px #c9d6e6}

.search_feature {float: left; width: 555px; height: 50px; margin: 0; padding: 0; background: url(http://www.privatestudentloans.com/images/search-bg.gif) no-repeat; text-align: center}

.search_feature p {font-size: 12px; color: #444; font-weight: 700; margin: 12px 0 0; padding: 0}

/**************** Blog and News Section Styles ********************/

.news_module,.blog_module {float: left; width: 553px; height: auto; margin: 0; padding: 0 0 1em}

.news_module h3,.blog_module h3 {margin: 12px 0 0; padding: 0; color: #444; line-height: normal; font-size: 12px; font-weight: 700}
.news_module h3 a:hover,.blog_module h3 a:hover {color: #0965AE; font-size: 12px}

.news_module h3 a:active,.news_module h3 a:visited,.news_module h3 a:link,.blog_module h3 a:active,.blog_module h3 a:visited,.blog_module h3 a:link {color: #444; text-decoration: none; font-size: 12px}

.news_module p,.blog_module p {margin: 3px 0 0; padding: 0; color: #000; line-height: 1.4em; font-size: 12px}

.news_module a:hover,.blog_module a:hover,.right_module a:active,.right_module a:hover,.right_module a:visited,.right_module a:link,.left_module a:hover {color: #0965ae; text-decoration: underline; font-size: 12px}

.news_module a:active,.news_module a:visited,.news_module a:link,.blog_module a:active,.blog_module a:visited,.blog_module a:link,.left_module a:active,.left_module a:visited,.left_module a:link {color: #0965ae; text-decoration: none; font-size: 12px}

.formfield {color: #000; padding: 1px; margin: 0; font: 400 12px Verdana, Arial, Helvetica, sans-serif}

/************************* Footer ***********************/

#footer {float: left; width: 100%; height: auto; margin: 1em -3px 0 0; padding: 20px 0; border-top: solid 1px #CCC; color: #666; font-size:.925em;}
#footer a:link {color:#666; text-decoration:none; font-size:inherit}
#footer a:visited {color:#666; text-decoration:none; font-size:inherit}
#footer a:hover {color:#666; text-decoration:underline; font-size:inherit}
#footer a:active {color:#666; text-decoration:none; font-size:inherit}
#footer p {font-size: .95em; color: #666; text-align: left}
#footer_left {width: 110px; float: left; padding: 0em 0; margin-right:2em}


/************************* Added in-house ***********************/

#right_content blockquote {padding: 1em; margin-bottom: 1.5em; border-left: solid 6px #980F08; line-height: 1.4em; font-size: 12px; font-weight: 700}
#right_content blockquote p {margin-bottom: 0; line-height: 1.5em}

#right_content table {margin: 1em 0; line-height: 1.4em; font-size: 12px}

#right_content table th {text-align: center; font-weight: 700; padding: .5em; color: #FFF; background: #0965ae}

#right_content table td {padding: .5em}

#right_content table tr.rowA {background-color: #F5F5F5; color: inherit}

#right_content table tr.rowB {background-color: #E0E0E0; color: inherit}

hr {border: 0; color: #CCC; background-color: #d2d2d2; height: 1px; width: 100%; text-align: left; margin-bottom: 1em}

.callout {font-weight: 700; color: #980F08}

.applyNow {width: 100%; text-align: center; font-weight: 700}

.applyNow p {margin-top: 0}

div.calculator {float: right; clear: none; width: 200px; text-align: center}

div.calculator img {border: 0}

td.hlcolumn {font-weight: 700}

.small {font-size: 82%}

.callout_box {float: right; clear: none; text-align: center; padding: 1em; margin: 1em; border: 1px solid #c9d6e6; background-color: #F6FBFF; font-size: 12px}

.errormsg {color: #980F08; font-weight: 700; text-align: center; margin: 0 0 1em}

.rssList li {list-style: url(http://www.privatestudentloans.com/images/feed-icons/feed-icon-10x10.png)}

.chooseApp {width: 250px; float: left; clear: none; border: 1px solid #d2d2d2; margin: 1em 0; padding: 0; background-color: #e6eff8; font-size: 12px}

.chooseApp h2 {text-align: center; width: 244px; margin: 0 0 0 -1px; padding: 4px; color: #FFF; background-color: #980F08}

.chooseApp img {margin: .5em auto}

ol ul {list-style: disc}

sup {font-size: 60%; vertical-align: baseline; position: relative; bottom: .63em; text-decoration: none}

h2.link {text-align: center; margin: 1.5em 0}

h2.link a:active,h2.link a:hover,h2.link a:visited,h2.link a:link {text-decoration: underline; color: #980F08; font-size: 1em}

#newsletter {width: 180px; padding: .5em 0 0 12px; font-size: 92%}

#newsletter .row {width: 180px; clear: both; padding: .25em 0}

#newsletter .left {width: 80px; float: left; clear: none}

#newsletter .right {width: 100px; float: left; clear: none}

#newsletter .closerow {width: 180px; clear: both; padding-top: 1em; text-align: center}

#foo {width: 190px; text-align: left}

#warn {color: red; font-size: 1em}

#notice {color: green; font-size: 1em}

#newsletter p {margin: 2px 12px 0; padding: 0; font-size: 92%; background: none}

#newsletter input,#newsletter select,.small a:active,.small a:hover,.small a:visited,.small a:link {font-size: inherit}

#newsletter .submit {cursor: auto; font-size: 1.1em; font-weight: 700}

#button {border: 1px #980F08 solid; width: auto; height: 8px; padding: 8px; text-align: center; background: url(http://www.privatestudentloans.com/images/button_bgnd.gif) repeat-x; color: white; font: 700 12px/.6em Verdana, Arial, Helvetica, sans-serif; letter-spacing: .15em; margin: 10px 48px}

#button a {text-decoration: none; color: #fff}

#leftAd {clear: left; width: 200px; padding: 10px 0 0 3px}

/**************** rounded corners with css ****************/

.b1,.b2,.b3,.b4 {font-size: 1px; overflow: hidden; display: block}

.b1 {height: 1px; background: #c9d6e6; margin: 0 5px}

.b2 {height: 1px; background: #F6FBFF; border-right: 2px solid #c9d6e6; border-left: 2px solid #c9d6e6; margin: 0 3px}

.b3 {height: 1px; background: #F6FBFF; border-right: 1px solid #c9d6e6; border-left: 1px solid #c9d6e6; margin: 0 2px}

.b4 {height: 2px; background: #F6FBFF; border-right: 1px solid #c9d6e6; border-left: 1px solid #c9d6e6; margin: 0 1px}

.contentb {background: #F6FBFF; border-right: 1px solid #c9d6e6; border-left: 1px solid #c9d6e6; padding: 1em}

.contentb div {margin-left: 5px}

.contentb h1 {color: #000; font-size: 1.5em}

/**************** Ad Styles ****************/

#adLeaderboard {width: 728px; height: auto; float: none; clear: none; margin: .25em auto}
.adClear {clear: both}
#adRectangle {width:180px; height:167px; margin:1em auto; background: url('images/ad-disclosure.png') no-repeat bottom left;}
#adMedRectangle {width: 300px; height: auto; float: right; clear: none; margin: 1em 0 1em 1em}
#adSkyscraper {width: 160px; height: auto; float: right; clear: none; margin: 1em 0 1em 1em}
#adBanner {width:468px;height:76px;margin:1em auto; background: url('images/ad-disclosure.png') no-repeat bottom right;}

/**************** 720x300 Popup ****************/

#container {width: 100%; height: 320px; position: absolute; top: 120px}
#container #cbody {width: 720px; height: 300px; background-color: #FFF; border: 10px solid #555; border-bottom: none; margin: 0 auto}
#container #cclose {width: 716px; height: 20px; clear: left; text-align: right; background-color: #555; border: 2px solid #555; padding-right: 20px; padding-top: 4px; margin: 0 auto}
#container #cclose a {cursor: pointer; color: #FFF; text-decoration: none; font-weight: 400}

#apply_compare {float: right; clear: none; width: 80px; height: 80px; padding: 0; margin: 0; background: url(http://www.privatestudentloans.com/images/apply-learn-back.png) no-repeat}

.lenders_wrap {float: right; clear: none; width: 515px; height: 105px; padding: 0; margin: 0}

.lenders_left {float: left; clear: none; width: 160px; height: 90px; padding: 2em 4em 2em 0; margin: 0; background: url(http://www.privatestudentloans.com/images/sun-trust-small.gif) no-repeat; background-position: 1.5em 2em}

.lenders_mid {float: left; clear: none; width: 120px; height: 105px; padding: 2.5em 0 0; margin: 0; background: url(http://www.privatestudentloans.com/images/citi-small.gif) no-repeat; background-position: 0 2.5em}

.lenders_right {float: right; clear: none; width: 150px; height: 105px; padding: 4em 0 0; margin: 0; background: url(http://www.privatestudentloans.com/images/discover-small.gif) no-repeat; background-position: 1em 4em}

/**************** Right PLUS Callout box ****************/

#co_private {float: right; clear: none; width: 200px; height: 158px; padding: 37px 5px 5px 15px; margin: 12px 0 12px 12px; background: url(http://www.privatestudentloans.com/images/apply-online_bg.png) no-repeat aqua; font: 700 14px Verdana, Arial, Helvetica, sans-serif}

#co_private span {font: 700 14px Verdana, Arial, Helvetica, sans-serif; margin: 0}

#co_private ul {font: 400 13px Verdana, Arial, Helvetica, sans-serif; list-style: disc; margin: 5px 0 0 15px; padding: 0}

#co_private li {font: 400 12px Verdana, Arial, Helvetica, sans-serif; padding: 5px 0 0; margin: 5px 0 0}

#co_private .button {margin: 12px 0 0 15px}

/**************** Widget Styles ****************/

.widget-content { border: 1px solid #aaaaaa; background-color: #829FC4; color: #222222;  font-family: Verdana,Arial,sans-serif; font-size:12px }
.px550 {width:550px}
.widget-content a { font-size:10px; color: #1E2E92; }
.widgetHead { border: 1px solid #d3d3d3; background: #E6E6E6 url(http://www.privatestudentloans.com/images/panelTopBG.png) repeat-x scroll left bottom; font-weight: bold; color: #555555; outline: none; width:70%; margin:6px 6px 0}
.widgetHead h1 {font-size:16px; color:#222222; padding:0; margin:10px}
.tableHead, .tableRow { padding: 10px; display: block; border-width: 0; background: #ffffff; margin:0 6px 8px }
.tableHead {margin-bottom:0; background:#efeeee url(http://www.privatestudentloans.com/images/panelBG.png) repeat-x scroll left top; overflow:hidden;  text-transform:uppercase; padding:0}
.tableHead h3 {font-size:13px; margin:5px; padding:0; color:#1E2E92}
.tableRow {background: #efeeee url('images/panelBG2.png') repeat-x top left; margin-bottom:0; padding-bottom:0; overflow:hidden; text-align:center}
.tableRow h3 {margin:0; padding:0}
.click {height:50px}
.click .col1_6, .click .col1_4 {display:block; width:20px; height:50px; background:transparent url('http://www.privatestudentloans.com/images/openClosed.gif') no-repeat 0px -50px; cursor:pointer;}
.click.active .col1_6, .click.active .col1_4{background:transparent url('http://www.privatestudentloans.com/images/openClosed.gif') no-repeat 0px 5px}
.toggleBox {border-top:1px dotted #88A6C8; padding:10px; text-align:left}
.last {margin-bottom:10px; padding-bottom:5px}



#right_content #lenderLogos {
	border: 1px solid #C9D6E6;
	border-top:0;
	clear:both;
	padding: 1px;
}
#right_content #lenderLogos table {
	border: 5px solid #E6EFF8;
	margin: 0;
}

#right_content #lenderLogos table td {
	border-left: 1px dotted #ccc;
	padding: 5px;
	height: 85px;
}

#right_content #lenderLogos table td.first {
	border-left: 0;
}

.rounded8px {
	border-radius: 8px;
	-moz-border-radius: 8px;
	-khtml-border-radius: 8px;
	-webkit-border-radius: 8px;
}

/**************** Infographic page & social buttons ****************/

#code_window {
	height: 100px;
	width: 300px;
	float: left;
	color:#999;
}

#code_box {
	float:left;
	width:580px;
}

#code_size_set {
	float:left;
	border:0;
}

.social_button {
	float:left;
	height:90px;
	padding-left:12px;
	text-align: right;
}

.social_button_box {
	float:right;
	width:206px;
	margin:10px 0 0;
}