@charset "utf-8";
/*
	For: Site > All (/api/views/site/______)

		This file applies to all pages in the /api/views/site section, not the whole web "site"!! For whole-site styles, see gradcity.css

	Date: 31 Oct 2008 (spooky!)
	Author: TJ Kelly - www.tjkwebesign.com
*/


/*//////////////////////////////]=  Payment Overview  [//////////////////////////////*/
h1#make_payment_title small {
	font-size:.7em;
	position:relative;
	top:-3px;
	left:15px;
	color:#f90;
	}
#payment_overview_list {
	margin:20px 0 0 15px;
	}
#payment_overview_list li {
	margin:0 0 45px;
	padding:0 0 0 100px;
	background-repeat:no-repeat;
	}
#payment_overview_list li#payment_overview_option_online {
	background-image:url(/api/css/img/site_payment_overview/payment_overview_option_online.png);
	background-position:0 4px;
	}
#payment_overview_list li#payment_overview_option_phone {
	background-image:url(/api/css/img/site_payment_overview/payment_overview_option_phone.png);
	background-position:4px 4px;
	}
#payment_overview_list li#payment_overview_option_mail {
	background-image:url(/api/css/img/site_payment_overview/payment_overview_option_mail.png);
	background-position:8px 4px;
	}
#payment_overview_list li#payment_overview_option_autopay {
	background-image:url(/api/css/img/site_payment_overview/payment_overview_option_autopay.png);
	background-position:10px 4px;
	}
#payment_overview_list li ul {
	margin-bottom:0;
	padding-bottom:0;
	}
#payment_overview_list li li {
	margin:0 0 0 0;
	padding:2px 0 2px 12px;
	background:url(/api/images/icons/bullet_dot_green.png) 0 6px no-repeat;
	}
#payment_overview_list li li li {
	background:none;
	}

	
/*/////////////////////////////// Social Media Box Rightcol ////////////////////////////////*/

#social_media_wrap {
	margin:10px 0 15px;
	width:250px;
	background:url(/api/images/rightcol/social_media_bg.jpg) 0 0 repeat-y;
	}

span#social_media_top, span#social_media_bot {
	width:250px;
	height:10px;
	display:block;
	}
span#social_media_top {
	background:url(/api/images/rightcol/social_media_bg.top) 0 0 no-repeat;
	}
span#social_media_bot {
	background:url(/api/images/rightcol/social_media_bg_bottom.jpg) bottom no-repeat;
	}
	
	

/*//////////////////////////////]=  Payment Overview > Rightcol  [//////////////////////////////*/
#make_payment_options_wrap {
	margin:10px 0 15px;
	width:250px;
	background:url(/api/images/rightcol/site_payment_overview_rightcol_mid.png) 0 0 repeat-y;
	}
#make_payment_options {
	padding:0 10px 5px;
	width:230px;
	}
#make_payment_options h2#make_payment_options_title {
	text-indent:-9999px;
	width:230px;
	height:54px;
	display:block;
	background:url(/api/images/rightcol/site_payment_overview_rightcol_title.png) 0 0 no-repeat;
	}
#make_payment_options p {
	margin:10px 0;
	padding:0;
	line-height:1.3em;
	}
ul#make_payment_options_list {
	margin:0;
	}
ul#make_payment_options_list li#make_payment_options_list_or {
	text-align:center;
	}
ul#make_payment_options_list li a {
	padding:0 0 0 12px;
	display:block;
	background:url(/api/images/icons/bullet_dot_green.png) 0 6px no-repeat;
	}
span#make_payment_options_top, span#make_payment_options_bot {
	width:250px;
	height:10px;
	display:block;
	}
span#make_payment_options_top {
	background:url(/api/images/rightcol/site_payment_overview_rightcol_top.png) 0 0 no-repeat;
	}
span#make_payment_options_bot {
	background:url(/api/images/rightcol/site_payment_overview_rightcol_bot.png) bottom no-repeat;
	}


/*//////////////////////////////]=  Site > Retrieve Customer Number  [//////////////////////////////*/
#customer_login_form {
	margin-top:5px;
	}
#customer_login_form fieldset {
	width:330px;
	}
#customer_login_form fieldset ul {
	margin:5px 0;
	}
#customer_login_form fieldset ul li {
	width:330px;
	}
form#customer_login_form li#customer_login_form_submit_li {
	padding-bottom:0;
	border:none;
	text-align:center;
	}
form#customer_login_form li#customer_login_form_submit_li span.form_hint {
	padding:0 20px;
	}
form#customer_login_form label {
	width:130px;
	float:left;
	}
form#customer_login_form input.input_text {
	width:192px;
	}


/*//////////////////////////////]=  Site > Breaksmart  [//////////////////////////////*/
#breaksmart_title {
	margin:10px auto;
	width:447px;
	height:191px;
	}
#breaksmart_title a {
	text-indent:-9999px;
	width:447px;
	height:191px;
	display:block;
	background:url(/api/images/common/breaksmart.gif) 0 0 no-repeat;
	}
#breaksmart_list {
	padding:15px 0 0 5px; /* left-padding makes IE7 play nice */
	}