/*
* Custom Styles for Wordware
*/

/* Structure */
body
{
	background: #fff url('../images/formatting/ww_banner_fill_5by100.jpg') repeat-x 0 50px;
	height: 100%;
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	margin: 0;
	padding: 0;
}

.container #Spacer
{
	clear: both; 
	height: 6em;
}

#Footer
{
	clear: both; 
	position: static; 
	bottom: 0; 
	background: #eee; 
	height: 4em; 
	width: 100%; 
	text-align: center;
}

#Footer div#Footer_content
{
	padding-top: 15px; 
	font-size: 11px; 
	line-height: 1.2em;
}


.container hr.divider
{
	clear: both; 
	height: 0; 
	border: 0; 
	border-bottom: 1px dashed black; 
	background-color: white; 
	color: white;
}

.container hr.divider_short
{
	margin: 2px 0;
}


/*  FONTS  */

.helvetica-bold {
	font-family: 'HelveticaBold', serif;
}

.helvetica-light {
	font-family:'HelveticaLight', serif;
}

.helvetica-lightcn {
	font-family:'HelveticaLightCn', serif;
}

.helvetica-medium {
	font-family:'HelveticaMedium', serif;
}

@font-face {
    font-family: 'HelveticaBold';
    src: url('../fonts/helvetica-bold.eot');
    src: url('../fonts/helvetica-bold.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-bold.woff') format('woff'),
         url('../fonts/helvetica-bold.ttf') format('truetype'),
         url('../fonts/helvetica-bold.svg#HelveticaBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLight';
    src: url('../fonts/helvetica-light.eot');
    src: url('../fonts/helvetica-light.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-light.woff') format('woff'),
         url('../fonts/helvetica-light.ttf') format('truetype'),
         url('../fonts/helvetica-light.svg#HelveticaLight') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaLightCn';
    src: url('../fonts/helvetica-lightcn.eot');
    src: url('../fonts/helvetica-lightcn.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-lightcn.woff') format('woff'),
         url('../fonts/helvetica-lightcn.ttf') format('truetype'),
         url('../fonts/helvetica-lightcn.svg#HelveticaLightCn') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'HelveticaMedium';
    src: url('../fonts/helvetica-medium.eot');
    src: url('../fonts/helvetica-medium.eot?#iefix') format('embedded-opentype'),
         url('../fonts/helvetica-medium.woff') format('woff'),
         url('../fonts/helvetica-medium.ttf') format('truetype'),
         url('../fonts/helvetica-medium.svg#HelveticaMedium') format('svg');
    font-weight: normal;
    font-style: normal;
}


/* COLORS */

a 
{
	color:#137cb2;
	outline:none;
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

.pgHeader
{
	font-family: "HelveticaBold", serif;
	font-size: 20px;
	margin-bottom: 1px;
}

.pgHeader2
{
	font-family: "HelveticaLight", serif;
	font-size: 20px;
	margin-bottom: 1px;
	line-height: 32px;
}

.frmLabel
{
	font-family: "HelveticaMedium", serif;
}


/* MAIN MENU */

.menu ul 
{ 
	list-style:none;
}

/*
.menu li 
{ 
	padding-left:11px;
	line-height:2em;
}

.menu li a 
{
	color:#137cb2; 
}
*/
.menu li 
{
	background:none; 
	line-height:1.243em; 
	font-size:16px; 
	float: left; 
	position:relative;
}

.menu li a 
{
	display:block; 
	text-align:center; 
	text-decoration:none; 
	color:#222222; 
	padding: 5px 7px;   /*  defines height of buttons and space inside  */
	margin: 0 5px;    /*  defines distance between buttons  */
	height:20px;
}

.menu li a:hover, .menu .active a 
{
	color:#fff;
	/*behavior: url(/common/css/border-radius.htc); */ /* for IE */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: black;
}


/* Main site layout */

.container
{
	margin: 0 auto;
}

.container #login
{
	float: right;
	font-size: 12px;
	position: absolute;
	right: 2em;
}

.container #powered
{
	font-family: "HelveticaBold", serif;
	text-align: right; 
	font-size: 13px; 
	font-style: italic; 
	padding-bottom: 4px;
}


.container .nomargin
{
	margin: 0 0 0 0 !important;
}


.container .header_main
{
	height: 160px;   /*  change this to move the menu below up or down  */
}

.container #header_district #school_name
{
	font-size: 22px; 
	font-weight: bold;
}

.container #header_district #lcs_title
{
	font-family: "HelveticaBold", serif;
	font-size: 13px; 
	/* font-style: italic;  */
}

.container .border_bottom
{
	padding-bottom: 4px;
	border-bottom: 1px dashed black;
}

.container th
{
	font-weight: normal;
	font-family: 'HelveticaMedium', serif;
}


/* FAMILY MANAGEMENT */
.container table#balance td
{
	padding: 2px 8px;
	font-size: 12px;
	line-height: 1.3em;
}

.container table#balance .balance_right
{
	text-align: right;
}

.container table#balance .balance_header
{
	font-size: 14px;
	font-weight: bold;
}

.container table#balance .balance_amount
{
	font-size: 18px;
	font-weight: bold;
}

.container table#trans_history th
{
	text-align: left;
	font-weight: bold;
	padding: 1px 4px;
}

.container table#trans_history td
{
	color: black;
	padding: 1px 4px;
}

.container table#trans_history tr.rowOdd td
{
	background-color: #e9eef5;
}

.container table#trans_history tr.rowEven td
{
	background-color: #d7e1ee;
}



.container #notice
{
	line-height: 1.2em;
	padding: 10px 10px 1px 10px;
	/*behavior: url(/common/css/border-radius.htc);*/  /* for IE */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #ddd;
}

.container .fmgmt_header1
{
	font-size: 20px;
	font-weight: bold;
}

.container .fmgmt_header2
{
	font-size: 16px;
	border-bottom: 1px dashed black;
	margin-bottom: 5px;
}

.container .fmgmt_data_header td
{
	padding-top: 10px;
	font-size: 14px;
	font-weight: bold;
}

.container .fmgmt_data_content td
{
	font-size: 12px;
	line-height: 1.2em;
}

.container .fmgmt_data_header_card
{
	padding-top: 8px;
	font-size: 13px;
	font-weight: bold;
}

.container .fmgmt_data_content_card
{
	font-size: 11px;
	line-height: 1.2em;
}

.container .fmgmt_data_edit
{
	padding-left: 20px;
}

.container .card
{
	/*width: 340px;
	height: 200px;*/
	margin-top: 10px;
	margin-bottom: 25px;
	/*behavior: url(/common/css/border-radius.htc); */ /* for IE */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	padding: 15px;
}

.container .card_size1
{
	width: 340px;
	height: 200px;
}

.container .card_empty
{
	/*width: 340px;
	height: 200px;*/
	background: none;
	border: 3px dashed #bbb;
	/* box-shadow: #eee 0px 0px 1px 1px;*/ 
	cursor: pointer;
}

.container .card_center_text
{
	padding-top: 50px; 
	margin-bottom: 12px; 
	font-size: 20px;
	color: #aaa;
}

.container .card_plus_div
{
	padding-left: 102px; 
	overflow: hidden;
}

.container .card_plus_plus
{
	font-size: 80px; 
	color: #aaa; 
	vertical-align: top; 
	padding-top: 8px; 
	padding-right: 4px; 
	float: left;
}

.container .card_plus_text
{
	font-size: 20px; 
	color: #aaa; 
	vertical-align: top; 
	float: left;
}

.container .card_plus_text a
{
	color: #aaa;
	text-decoration: none;
}

.container .card_filled
{
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 17%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#ffffff), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 17%,#e6e6e6 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );*/  /* IE Filter does not seem to support rounded corners */
	border-top: solid 1px #eee;
	box-shadow: #bbb 4px 4px 4px 4px;
}

.container .card2
{
	margin: 5px 10px 30px 5px;
	/*behavior: url(/common/css/border-radius.htc); */ /* for IE */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	padding: 0;
}

.container .card_filled2
{
	background: #ffffff;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIxNyUiIHN0b3AtY29sb3I9IiNmZmZmZmYiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjZTZlNmU2IiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  #ffffff 17%, #e6e6e6 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(17%,#ffffff), color-stop(100%,#e6e6e6));
	background: -webkit-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: -o-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: -ms-linear-gradient(top,  #ffffff 17%,#e6e6e6 100%);
	background: linear-gradient(to bottom,  #ffffff 17%,#e6e6e6 100%);
	/*filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e6e6e6',GradientType=0 );*/  /* IE Filter does not seem to support rounded corners */
	box-shadow: #bbb 4px 4px 4px 4px;
}

.container .card2_header
{
	height: 25px;
	margin: 0;
	/*behavior: url(/common/css/border-radius.htc);*/
	-moz-border-top-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	-khtml-border-top-left-radius: 1em;
	border-top-left-radius: 1em;
	-moz-border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-khtml-border-top-right-radius: 1em;
	border-top-right-radius: 1em;
	padding: 4px 15px;
	background-color: #bdd6e2;
	color: white;
}

.container .card2_body
{
	padding: 20px 15px 15px 15px;
}


.container .card3
{
	margin-top: 14px;
	margin-bottom: 15px;
	/*behavior: url(/common/css/border-radius.htc); */ /* for IE */
	-moz-border-radius: 1em;
	-webkit-border-radius: 1em;
	-khtml-border-radius: 1em;
	border-radius: 1em;
	padding: 0;
	line-height: 1.2em;
	background-color: #bdd6e2; /*#c0d7e2;*/
}

.container .card3_header
{
	height: 25px;
	margin: 0;
	/*behavior: url(/common/css/border-radius.htc);*/
	-moz-border-top-left-radius: 1em;
	-webkit-border-top-left-radius: 1em;
	-khtml-border-top-left-radius: 1em;
	border-top-left-radius: 1em;
	-moz-border-top-right-radius: 1em;
	-webkit-border-top-right-radius: 1em;
	-khtml-border-top-right-radius: 1em;
	border-top-right-radius: 1em;
	padding: 6px 15px 2px 15px;
	background-color: #4d4d4d;
	color: white;
	font-size: 16px;
}

.container .card3_body
{
	padding: 15px 10px;
	background-color: #bdd6e2; /*#c0d7e2;*/
	color: black;
	line-height: 1.2em;
	margin-bottom: 10px;
}

.container .card3_body div
{
	margin-bottom: 8px;
}

.container .card3_body a
{
	color: black;
	text-decoration: underline;
}

.container .card3_body a:hover, .container .card3_body a:active
{
	color: black;
	text-decoration: none;
}

.container .card3_body .one.column
{
	width: 10px;
	padding-right: 0;
	margin-right: 0;
}

.container .fmgmt_card_empty
{
	background: none;
	border: 3px dashed #bbb;
	/* box-shadow: #eee 0px 0px 1px 1px;*/ 
	cursor: pointer;
}

.container .fmgmt_card_tbl
{
	width: 350px;
	height: 190px;
}
.container .fmgmt_card_tbl td
{
	vertical-align: top !important;
}


/* LOGIN */

.container .login_disclaimer
{
	font-size: 12px;
	line-height: 1.2em;
	padding-top: 10px;
	padding-bottom: 20px;
	vertical-align: top;
	margin-top: 30px;
	margin-left: 20px;
	margin-right: 20px;
}

.container .login_disclaimer_middle
{
	border-left: 1px dashed black;
	border-right: 1px dashed black;
	padding-left: 30px;
	padding-right: 20px;
}

.container .login_box
{
	margin: 0;
	width: 300px;
	line-height: 1.2em;
	padding: 15px 15px 15px 15px;
	/*behavior: url(/common/css/border-radius.htc);*/  /* for IE */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #ddd;
}

.container .login_details
{
	margin: 0;
	line-height: 1.2em;
	padding: 10px 10px 10px 10px;
	/*behavior: url(/common/css/border-radius.htc); */ /* for IE */
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
	background-color: #ddd;
}

.container .features_area
{
	float: left;
	width: 120px;
	text-align: center;
}

.container .dollar
{
	width: 30px;
	height: 30px;
	margin: auto;
	padding: 16px 10px 4px 10px;
	/*behavior: url(/common/css/border-radius.htc);*/  /* for IE */
	-moz-border-radius: 30px;
	-webkit-border-radius: 30px;
	-khtml-border-radius: 30px;
	border-radius: 30px;
	background-color: #999;
	text-align: center;
	font-family: HelveticaBold, serif;
	font-size: 30px;
	color: #ddd;
	text-shadow: 1px 1px #333;
}

.container .login_logo
{
	width: 50px;
	height: 50px; 
	border: 1px dotted #bbb;
	margin: auto auto 10px;
}

.container .login_header
{
	font-size: 14px; 
	font-weight: bold; 
	margin-bottom: 2px; 
	margin-left: 35px;
}

.container .login_error
{
	color: red;
	line-height: 1.1em;
	margin-bottom: 15px;
}

.container .login_input
{
	width: 250px; 
	margin:auto;
}

.container .wide_input
{
	width: 250px; 
	margin:auto;
}

.container .borderBottom
{
	border-bottom: 1px black dashed;
	padding-bottom: 8px;
	margin-bottom: 30px;
}

.container .leftCounter
{
	font-family: "HelveticaBold", serif;
	border-right: 1px black dashed;
	text-align: center;
	font-size: 20px;
	padding: 10px 0;
	line-height: 1.8em;
}

.container .leftCounter span
{
	font-family: "HelveticaLight", serif;
	font-size: 60px;
	color: #F5911E;
}

.container .progress_counter
{
	color: #666666;
	overflow: visible;
	margin-left: 20px;
}

.container .progress_counter div.orange
{
	height: 10px;
	width: 60px;
	float: left;
	margin-right: 1px;
	background-color: #F5911E;
}

.container .progress_counter div.grey
{
	height: 10px;
	width: 60px;
	float: left;
	margin-right: 1px;
	background-color: #666666;
}

.container .formLabel
{
	font-family: "HelveticaMedium", serif;
	padding-top: 2px;
	font-size: 16px;
}

.container .formDesc
{
	font-size: 13px;
	color: #666666;
	line-height: 13px;
	padding: 5px 5px 10px 5px;
}

.container .rightAligned
{
	text-align: right;
}

.container input
{
	font-size: 14px;
}
.container a.link_blue
{
	font-weight: bold;
	color: #104378; /* SSK12 blue color */
}

.container .regLink
{
	 margin-top: 80px;
}

.container .AddFunds a
{
	display: block;
    height: 20px;
	width: 70px;
	font-size: 14px;
	background-color: #F5911E;
	border: 1px solid #CCCCCC;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	color: #FFFFFF;
    cursor: pointer;
	font-family: "HelveticaLight","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: normal;
    padding: 4px 4px;
    text-decoration: none;
	/*behavior: url(/common/css/border-radius.htc);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
}

.container .affinety_sso_link a
{
	height: 20px;
	width: 85px;
	font-size: 14px;
	background-color: #a82224;
	border: 1px solid #CCCCCC;
	border-right-color: #AAAAAA;
	border-bottom-color: #AAAAAA;
	color: #FFFFFF;
    cursor: pointer;
    display: inline-block;
    font-family: "HelveticaLight","HelveticaNeue","Helvetica Neue",Helvetica,Arial,sans-serif;
    line-height: normal;
    padding: 4px 4px;
    text-decoration: none;
	/*behavior: url(/common/css/border-radius.htc);*/
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;
	text-align: left;
	margin-top: 2px;
}

.no-left-right-margin {
	margin-left: 0 !important;
	margin-right: 0 !important;
}

.card_plus_plus a:hover
{
	text-decoration: none;
}

html {
	overflow-y: scroll;
}