/*HTML
{
    background-color: #ffffff;
    color: #333333;
   font-size: 11px;
   line-height: 15px;
	
   font-family: Verdana, Arial, Helvetica, sans-serif
}*/

td .popup-table
{
   color: #333333;
   font-size: 11px;
   line-height: 15px;
   text-align: left;
   font-family: Verdana, Arial, Helvetica, sans-serif
}


A.popup-table:link
{
    color: #333333;
    text-decoration: underline

}

A.popup-table:visited
{
    color: #333333;
    text-decoration: underline

}


A.popup-table:active
{
    color: #333333;
    text-decoration: underline

}

A.popup-table:hover
{
    color: #333333;
    text-decoration: underline

}

h1.whatsnewtitle {

	color: #2C8042;
	line-height: 20px;
	font-size: 20px;
	font-family: arial;

}

.acc_container {
	
	margin: 0 0 5px; 
	padding: 5px;
	overflow: hidden;
	font-size: 1em;
	background: #f0f0f0;
	border: 1px solid #d6d6d6;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px; 
}

.fullimg {
  width: 100%;
  height: auto;
}


.center
{
   text-align: center
}

.smallFont1
{
    font-size: 9px;
    color: #333333;
    font-family: Verdana, Arial, Helvetica, sans-serif
}

.green
{
    font-size: 15px;
    font-weight: bold;
    color: #bfe7cc;
    font-family: Verdana, Arial, Helvetica, sans-serif
}


.termsofusetitle {
	font-size: 14px;
	font-weight: bold;
	
}

.pageTitle
{
	background-color: #333333;    
	font-size: 11px;
    	font-weight: bold;
    	color: #ffffff;
    	line-height: 2px;
}

.pageTitle A:link{
	font-size: 11px;
    	font-weight: bold;
    	color: #ffffff;
    	 line-height: 2px;
}

.pageTitle A:visited{
	font-size: 11px;
    	font-weight: bold;
    	color: #ffffff;
    	line-height: 2px;
}

.pageNumber
{
	background-color: #E9E9E9;  
	text-align: center;
}

.stoppingRules
{
	background-color: #DDDDDD;    
	font-size: 11px;
    	color: #000000;
    	text-align: center;
}

.historyScreens
{
	background-color: #999999;    
	font-size: 12px;
    	font-weight: bold;
    	color: #ffffff;
    	text-align: center;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #666666;
}


.warning
{
	font-size: 14px;
	font-weight: bold;
	color: #ff0000;

}

.ErrorMessage
{
	font-size: 11px;
	color: #ff0000;

}

.ConfirmationMessage
{
	font-size: 11px;
	color: #0000FF;

}

.IPTOEFtableBg
{
	color: 333333;
	font-size: 11px;
	line-height: 15px;
	background-color:#bfe7cc;
	padding:5px;
	border:3px;
	border-bottom-style:solid;
	border-right-style:solid;
	border-color:#ffffff;
	font-family: Verdana, Arial, Helvetica, sans-serif
}

.IPTOEFtableBg2
{
	color: 333333;
	font-size: 11px;
	line-height: 15px;
	background-color:#bfe7cc;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	font-family: Verdana, Arial, Helvetica, sans-serif
}



.padding
{
	
	padding:5px;
	border:3px;
	
}

.bottompadding
{
	color: 000000;
	padding-bottom:7px;
	
	
}

.toppadding
{
	color: 000000;
	padding-top:5px;
	
	
	
}

.RadioButton {
  width: 21px; height: 21px;
}



.tableRow {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;

}

.tableRow_range {
	background-color: #ffffcc;
	
	
}

.tableRow_startrange {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000cc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0000cc;
	border-left-width: 2px;
	border-left-style: solid;
	border-left-color: #0000cc;

}

.tableRow_midrange {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000cc;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #666666;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0000cc;
	border-left-style: none;
	
}

.tableRow_endrange {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-top-width: 2px;
	border-top-style: solid;
	border-top-color: #0000cc;
	border-right-width: 2px;
	border-right-style: solid;
	border-right-color: #0000cc;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #0000cc;
	border-left-style: none;

}

.tableRowFullBorder {
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #666666;
	border-left-color: #666666;

}

.mainTableBorder
{
	border: 1px;
	border-left-style:solid;
	border-left-color: #666666;

	
}

.tableRowUnderlined {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #666666;
	


}

.tableHeaderRow{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #666666;
}

.tableHeaderRowR{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #ffffff;
	border-left-color: #666666;
}


.tableHeaderRow A:link{
    color: #ffffff;
    text-decoration: underlined;
    
}

.tableHeaderRow A:visited{
    color: #ffffff;
    text-decoration: underlined;

}


.tableHeaderSorted {
	
	background-color: #ffffcc;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-right-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-right-style: solid;
	border-top-color: #666666;
	border-bottom-color: #666666;
	border-right-color: #ffffff;
	

}


.tableHeaderRowNoBot{
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: solid;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #ffffff;
	border-bottom-color: #ffffff;
	border-left-color: #666666;
}

.tableHeaderRowNoBot A:link{
    color: #ffffff;
    text-decoration: underlined;

}

.tableHeaderRowNoBot A:visited{
    color: #ffffff;
    text-decoration: underlined;

}

.tableHeader {
	background-color: #666666;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #666666;
	border-bottom-color: #ffffff;
	border-left-color: #666666;
	text-decoration: none;
}





.thickTableBorderLine {
	
	
	border-bottom-width: 3px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-bottom-color: #979797;
	
}

.TableGrouping {
	
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: solid;
	border-color: #000000;
	
}

.numbers
{
	
	text-align: right;

	
}

.indented
{
	padding-left:25px;
	font-style: italic;


}

.instructions
{
	color: #000000;
  	font-style: italic;
	font-size: 14px;
	font-family: times;
	
	
}


.LineHeight
{

	line-height: 3px;
}

.IPTIOGborderDotted
{
	padding:5px;
	border:2px #00a059;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}


.IPTIOGtableFontColor
{
	color: 000000;
	
}


.IPTIOGTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #00a059;
    
}

.IPTIOGtableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#bfe7cc;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
	
}

.IPTIOGtableBgNoBot
{
	background-color:#bfe7cc;
	padding:5px;
	border:3px #fff;
	border-right-style:solid;
	
	
}



.IPTIOGend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #00a059;
    	border:3px;
	border-bottom-style:solid;
	border-color:#00a059;
}



.IPTIOHborderDotted
{
	padding:5px;
	border:2px #00a059;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}


.IPTIOHtableFontColor
{
	color: 000000;
	
}


.IPTIOHTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #00a059;
    
}

.IPTIOHtableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#bfe7cc;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}


.IPTIOHtableBgNoBot
{
	background-color:#bfe7cc;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	
}



.IPTIOHend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #00a059;
    	border:3px;
	border-bottom-style:solid;
	border-color:#00a059;
}


.IPTIIOEborderDotted
{
	padding:5px;
	border:2px #b84e60;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.IPTIIOEtableFontColor
{
	color: 000000;
	
}


.IPTIIOETitle
{
    font-size: 15px;
    font-weight: bold;
    color: #b84e60;
    
}

.IPTIIOEtableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#f1b9b3;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}

.IPTIIOEtableBgNoBot
{
	background-color:#f1b9b3;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	
}



.IPTIIOEend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #b84e60;
    	border:3px;
	border-bottom-style:solid;
	border-color:#b84e60;
}


.IPTIIOFborderDotted
{
	padding:5px;
	border:2px #f1b9b3;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.IPTIIOFtableFontColor
{
	color: 000000;
	
}


.IPTIIOFTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #b84e60;
    
}

.IPTIIOFtableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#f1b9b3;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}

.IPTIIOFtableBgNoBot
{
	background-color:#f1b9b3;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	
}



.IPTIIOFend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #b84e60;
    	border:3px;
	border-bottom-style:solid;
	border-color:#b84e60;
}



.preIPTborderDotted
{
	padding:5px;
	border:2px #835ca7;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.preIPTtableFontColor
{
	color: 000000;
	
}


.preIPTTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #835ca7;
    
}

.preIPTtableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#efe8f5;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}

.preIPTtableBgNoBot
{
	background-color:#efe8f5;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	
}



.preIPTend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #835ca7;
    	border:3px;
	border-bottom-style:solid;
	border-color:#835ca7;
}



.preIPTSborderDotted
{
	padding:5px;
	border:2px #0096a1;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.preIPTStableFontColor
{
	color: 000000;
	
}


.preIPTSTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #0096a1;
    
}

.preIPTStableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#baf1f5;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}

.preIPTStableBgNoBot
{
	background-color:#baf1f5;
	padding:5px;
	border:3px;
	border-right-style:solid;
	border-color:white;
	
}



.preIPTSend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #0096a1;
    	border:3px;
	border-bottom-style:solid;
	border-color:#0096a1;
}


.IPTIOSborderDotted
{
	padding:5px;
	border:2px #f5864c;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.IPTIOStableFontColor
{
	color: 000000;
	
}


.IPTIOSTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #f5864c;
    
}

.IPTIOStableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#f8e0c5;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}

.IPTIOStableBgNoBot
{
	background-color:#f8e0c5;
	padding:5px;
	border:3px #fff;
	border-right-style:solid;
	
	
}



.IPTIOSend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #f5864c;
    	border:3px;
	border-bottom-style:solid;
	border-color:#f5864c;
}



.IPTIIOSborderDotted
{
	padding:5px;
	border:2px #f2b24e;
	border-bottom-style:solid;
	border-right-style:solid;
	border-left-style:solid;
	border-top-style:solid;
	
}

.IPTIIOStableFontColor
{
	color: 000000;
	
}


.IPTIIOSTitle
{
    font-size: 15px;
    font-weight: bold;
    color: #f2b24e;
    
}

.IPTIIOStableBg
{
	font-size: 13px;
	color: 000000;
	background-color:#ffe08b;
	padding:5px;
	border:3px #fff;
	border-bottom-style:solid;
	border-right-style:solid;
	
}



.IPTIIOStableBgNoBot
{
	background-color:#ffe08b;
	padding:5px;
	border:3px #fff;
	border-right-style:solid;

	
}



.IPTIIOSend
{
	font-size: 15px;
   	font-weight: bold;
    	color: #f2b24e;
    	border:3px;
	border-bottom-style:solid;
	border-color:#f2b24e;
}

.spiffy{display:block}
.spiffy *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#ededed}
.spiffy1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;
  background:#ededed}
.spiffy2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;
  background:#ededed}
.spiffy3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #ededed;
  border-right:1px solid #ededed;}
.spiffy4{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.spiffy5{
  border-left:1px solid #ededed;
  border-right:1px solid #ededed}
.spiffyfg{
  background:#ededed}

.login
{
	color: #000000;
}

.dashedline {
	border-bottom: 1px dashed #000;
	text-decoration: none;
}

a.info {
	text-decoration: none;
}

.info{
position: relative;
z-index: 0;
}

.info:hover{
background-color: transparent;
z-index: 50;
}

.info span{ /*CSS for enlarged image*/
position: absolute;
background-color: lightyellow;
padding: 5px;
left: -1000px;
border: 1px dashed gray;
visibility: hidden;
color: black;
text-decoration: none;
}

.info span img{ /*CSS for enlarged image*/
border-width: 0;

}

.info:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
width: 300px;
top: 0;
left: 90px; /*position where enlarged image should offset horizontally */

}

.project

{

	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #eaeaea;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #eaeaea;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #eaeaea;
	
}

.projectunderlinebottom
{
	font-weight: bold;
	background-color: #ffffcc;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #eaeaea;
	
}

table.scheduledstudents {
	width: 950px;
	border-width: 1px;
	border-spacing: 0px;
	border-style: solid;
	border-color: #ccc;
	border-collapse: collapse;
	border-spacing: 0px;
	background-color: white;
}
table.scheduledstudents th {
	text-align: center;
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #ccc;
	background-color: #efeded;
	-moz-border-radius: ;
}
table.scheduledstudents td {
	border-width: 1px;
	padding: 5px;
	border-style: solid;
	border-color: #ccc;
	background-color: #f8f8f8;
	-moz-border-radius: ;
}

.box {
	padding: 10px;
	overflow: auto; /* auto */
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc; /* #ccc */
	background-color: #f8f8f8;
}

.box_visible {
	padding: 10px;
	overflow: visible; /* this is the only difference with .box is the "overflow" value */
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background-color: #f8f8f8;
}

.rwtitle {
	font-size: 16px;
	font-weight: bold;
	padding-bottom: 15px;
	color: #5a6d81;
	
}

.page1of
{
	border-width: 1px;
	border-color: #ccc;
	border-style: solid;
	background-color: #ccc;
	padding: 5px;
	text-align: center;
	font-weight: bold;
}

.new
{
	position: relative;
	top: 18px;
	left: 305px;
}

.optionblock
{
	width: 430px; /* previously: 410px; */
	margin-left: 10px; /* previously: 20px; */
	padding: 2px 10px; 
	-moz-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow: 0 1px 3px rgba(0, 0, 0, 0.3);
	-moz-border-radius: 7px; 
	-webkit-border-radius: 7px; 
	border-radius: 2px;
	border-style: solid;
	border-width: 1px;
	border-color: #ccc;
	background-color: #fff;	
}

.adminmanual
{
	background-image:url('images/viewIcon.png');
	background-repeat:no-repeat;
	width: 220px;
	padding: 5px 5px 5px 30px;
	background-color: #ffffcc;
	border-style: dashed;
	border-color: #ccc;
	border-width:1px;
}

.scroll  {
	text-align: left;
        overflow-y: auto;
        -webkit-overflow-scrolling: touch;
	width: 500px;
	height: 120px;

}

.textbox {
	float:right;
	margin: 5px 0px 5px 0;
	padding: 5px;	
	background-color: #e6e6e6;
	border:1px solid #bbccdd;
}
#controls  {  	padding:0px;
              width:60px;              
			  background:#333;
			  display:table;
              text-align:center;
			  float:right;
              transition:.25s ease-out;
			  
			}

#controls a
           {  font-size:24px;
              color:#aaa;
			  display:table-cell;
              font-weight:bold;
              width:20px;
	text-decoration: none;}

#controls a:hover
           {  color:#fff;
              background:#000;
              transition:.25s ease-out;}

a.selected  {  background:#000;
               color:#fff !important;}

#small     {  font-size:10px !important;}
#medium    {  font-size:14px !important;}
#large     {  font-size:18px  !important;}

input, textarea, select, button{
  border: 1px solid #666;
	margin: 1px;
  
}

/*  SECTIONS  */
.section {
	text-align: left;
	clear: both;
	padding: 5px;
	margin: 0px;
	
}

/*  COLUMN SETUP  */
.col {
	display: block;
	float:left;
	margin: 1% 0 1% 1.6%;
}
.col:first-child { margin-left: 0; }

/*  GROUPING  */
.group:before,
.group:after { content:""; display:table; }
.group:after { clear:both;}
.group { zoom:1; /* For IE 6/7 */ }


/*  GRID OF TWO  */
.span_2_of_2 {
	width: 100%;
}
.span_1_of_2 {
	width: 49.2%;
}

/*  GRID OF TWO - Product */
.price_span_2_of_2 {
	width: 100%;
}
.price_span_1_of_2 {
	width: 49.2%;
}

/*  GRID OF THREE  */
.span_3_of_3 { width: 100%;}
.span_2_of_3 { width: 66.13%; }
.span_1_of_3 { width: 32.26%; }

/*  GRID OF THREE - Product  */
.price_span_3_of_3 { width: 100%;}
.price_span_2_of_3 { width: 66.13%; }
.price_span_1_of_3 { width: 32.26%; }


/*  GRID OF FOUR  */
.span_4_of_4 {
	width: 100%; 
}
.span_3_of_4 {
	width: 74.6%;
}
.span_2_of_4 {
	width: 49.2%;
}
.span_1_of_4 {
	width: 23.8%; 
	
}

/*  GRID OF SIX  */
.span_6_of_6 {
	width: 100%; 
}
.span_5_of_6 {
	width: 83.36%;
}
.span_4_of_6 {
	width: 66.64%;
.span_3_of_6 {
	width: 49.98%;
.span_2_of_6 {
	width: 33.33%;
}
.span_1_of_6 {
	width: 16.67%; 
	
}

/*  GRID OF FOUR - Product  */
.price_span_4_of_4 {
	width: 100%; 
}
.price_span_3_of_4 {
	width: 74.6%;
}
.price_span_2_of_4 {
	width: 49.2%;
}
.price_span_1_of_4 {
	width: 23.8%; 
	
}