/*
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!


WHY ARE YOU HERE?! DO NOT EDIT THIS UNLESS YOU KNOW HOW TO DO IT RIGHT!


!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!
*/



	
	
	

 /*  floaty stuff
----------------------------------------------*/
.floatLeft { float: left; }
.floatRight { float: right; }

.floatField { display: block; float: left; margin: 0 20px 0 0; } 

.clear-both {
	clear: both;
	display: block;
	}
	
	
	
	

/* New Buttons 
source: www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
--------------------------------*/
.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.newButton {
    background: transparent url('/_common/bg_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	}
	
	a.newButton span {
		background: transparent url('/_common/bg_button_span.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 5px 0 5px 18px;
	} 
	
	a.newButton:hover, a.newButton:active {
		background-position: bottom right;
		color: #FFF;
		outline: none; /* hide dotted outline in Firefox */
	}
	
	a.newButton:hover span, a.newButton:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	} 

	/* useful in nudging buttons around when necessary, not always needed */
	.nudgeButton { margin: 12px 0 0 -4px; }
	.nudgeButton2 { margin: 12px 0 24px -4px; }
	.nudgeButton3 { margin: 0 0 0 9px; }
	.nudgeButton4 { margin: 6px 0; }







/* Forms
--------------------------------------------------------------- */
.myForm { margin: 0; padding: 0; }

.myForm label.normal, .myForm label.required, .myForm label.NTM, .myForm label.requiredNTM {
	color: #666;
	font-size: 90%;
	line-height: 1em;
	font-weight: bold;
	display: block;
	text-align: left;
	margin: 1.5em 0 .4em 0;
	text-shadow: 1px 1px 0px #fff;
	}
.myForm label.required {
	color: #EE8E13;
	}	
/* no top margin, used when heading appears above */
.myForm label.NTM, .myForm label.normalNTM{ margin-top:.2em; }
.myForm label.requiredNTM { color: #EE8E13; margin-top:.2em; }
.myForm label.required span, .myForm label.requiredNTM span {
	color: #666;
	}
.myForm label.error {
	position: absolute;
	z-index: 2;
	margin:-3px 0 0 3px;
	padding: 6px 9px 6px 29px;
	color: #FFF;
	letter-spacing: .05em;
	text-shadow: 1px 1px 0px #761718;
	background: url(/images/admin/form_error_bkgd.png) no-repeat left center;
	}
	
.myForm h4 { text-shadow: 1px 1px 0px #fff; }
.myForm h4.accountHeader { text-shadow: 1px 1px 0px #fff; margin-top: 24px; padding: 6px 0 3px 0; border-top: solid 1px #BEC5E3; }
.myForm h4.sub { margin-bottom:3px; padding: 0; text-shadow: 1px 1px 0px #fff; }
.myForm h4.sub span { color:#666; font-size: 90%; }
.myForm div.text { color: #666; font-size: 90%; line-height: 1.3em; margin: 3px 0 2em 0; }
.myForm h6 {
	color: #444;
	margin: 1.5em 0 0 0;
	text-shadow: 1px 1px 0px #fff;
	font-style: italic;
	}
.myForm .sliderDiv {
	margin: .15em 0 1.5em 0;
	padding: 1em 2em;
	background-color:#DEEBFF;
	border-top: solid 1px #ccc;
	border-bottom: solid 1px #ccc;
	}
.myForm .sliderDiv1 {
	margin: 0 0 1.5em 0;
	padding: .5em 1em 1em 1em;
	background-color:#DEEBFF;
	border-bottom: solid 1px #ccc;
	}
.myForm .sliderDiv2 {
	margin: .15em 0 1.5em 0;
	padding: 1em 0;
	border-top: solid 1px #ccc;
	}
.myForm .sliderDiv3 {
	margin: 0 0 .5em 0;
	padding: 0 0 1em 0;
	}
/*
.myForm h6.underline {
	color: #444;
	margin: 1.5em 0 .75em 0;
	padding-bottom: .5em;
	border-bottom: solid 1px #ccc;
	text-shadow: 1px 1px 0px #fff;
	font-style: italic;
	}
.myForm fieldset.lineabove {
	border-top: solid 1px #ccc;
	margin-top: 1em;
	padding-top: 1.5em;
	}
*/
	
/* text fields */
.myForm input.text {
	font-size: 95%;
	padding: .4em;
	margin: 0 0 .1em 0;
	background-color: #f4f4f4;
	border:1px solid #CCC;
	}	
	.myForm input.text:focus {
		border:1px solid #508adf;
		background: #FFF;
		}
.myForm input.textReadOnly {
	color: #666;
	font-size: 95%;
	padding: .4em 0 .4em -3px;
	margin: 0 0 .1em 0;
	border: none;
	}
/*
.myForm input.file {
	font-size: 95%;
	padding: .8em;
	margin: 0 0 .1em 0;
	background-color: #f4f4f4;
	border:1px solid #CCC;
	}	
	.myForm input.file:focus {
		border:1px solid #508adf;
		background: #FFF;
		}
*/


/* list menu fields */	
.myForm select.listmenu {
	font-size: 95%;
	padding: .3em;
	margin: 0 0 .08em 0;
	background-color: #f4f4f4;
	border:1px solid #CCC;
	}
	.myForm select.listmenu:focus { 
		border:1px solid #508adf; 
		background:#FFF;
		}


/* Textareas */
.myForm textarea {
	/*font-size: 95%;*/
	padding: .4em; 
	margin: 0 0 .1em 0; 
	background:#f4f4f4; 
	border:1px solid #CCC;
	}
	.myForm textarea:focus { 
		background: #FFF; 
		border:1px solid #508adf; 
		}

/* www.jldcreative.com/blog/details/Sexy-buttons-with-CSS-a-minor-improvement.html */
.myForm label.button {
	background: url('/images/admin/bg_admin_button_a.png') no-repeat scroll top right;
	color: #000;
	display: block;
	float: left;
	margin-right: 6px;
	padding-right: 18px;
	font: normal 12px Arial, Helvetica, sans-serif;
	height: 24px;
	position: relative;
	}
.myForm label.button span {
	display: block;
	background: url('/images/admin/bg_admin_button_span.png') no-repeat;
	line-height: 14px;
	padding: 6px 0 4px 18px;
	white-space: nowrap;
	text-align: center;
	}
/* hide actual button input */
.myForm label.button input {
	position: absolute;
	display: block;
	width: 100%;
	height: inherit;
	border: none; /* how odd, opera requires a border to become invisilbe */
	z-index: 2;
	opacity: 0;
	-moz-opacity:0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* IE8 first */
	filter:alpha(opacity: 0); /* IE5-IE7 second */
	}
.myForm label.button:hover, label.button:active {
	background-position: bottom right;
	color: #FFF;
	outline: none; /* hide dotted outline in Firefox */
	}
.myForm label.button:hover span, label.button:active span {
	background-position: bottom left;
	padding: 6px 0 4px 18px; /* push text down 1px */
	} 


















/* ibutton
--------------------------------------------*/
.ibutton-container {
  position: relative;
  height: 27px;
  cursor: pointer;
  overflow: hidden;
	/* set max width to that of sprite */
	max-width: 400px;
	/* prevent text selection */
	-khtml-user-select: none;
	-o-user-select: none;
	-moz-user-select: none;
	-moz-user-focus: ignore; 
	-moz-user-input: disabled;
	/* set default width based on ON/OFF labels */
	width: 89px;
}

.ibutton-container input {
  position: absolute;
	top: 0;
	left: 0;

	/* hide the element */
	filter:alpha(opacity=0);
	-moz-opacity: 0.0; 
	opacity: 0.0;

	/* allow checking of input if visible */
	-moz-user-input: enabled  !important;
}

.ibutton-handle {
  display: block;
  height: 27px;
  cursor: inherit;
  position: absolute;
  top: 0;
  left: 0;
  width: 0;
  background: transparent url(/javascript/jquery.ibutton/images/ibutton-slider-default.png) no-repeat scroll 0 -27px;
  z-index: 3;
  padding-left: 3px;
	/* set default width based on ON/OFF labels */
	width: 33px;
}

.ibutton-handle-right {
  height: 100%;
  width: 100%;
  padding-right: 3px;
  background: transparent url(/javascript/jquery.ibutton/images/ibutton-slider-default.png) no-repeat scroll 100% -27px;
  z-index: 3; 
}

.ibutton-handle-middle {
  height: 100%;
  width: 100%;
  background: transparent url(/javascript/jquery.ibutton/images/ibutton-slider-default.png) no-repeat scroll 50% -27px;
  z-index: 3; 
}

div.ibutton-label-on, div.ibutton-label-off {
  white-space: nowrap;
  font-size: 17px;
  line-height: 17px;
  font-weight: bold;
  font-family: Helvetica Neue, Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  cursor: inherit;
  display: block;
  height: 22px;
  position: absolute;
  width: auto;
  top: 0;
  padding-top: 5px;
  overflow: hidden; 
  background: transparent url(/javascript/jquery.ibutton/images/ibutton-slider-default.png) no-repeat scroll 0 0;
}

div.ibutton-label-on {
  color: #fff;
  text-shadow: 0 -1px 2px rgba(0, 0, 0, 0.4);
  left: 0;
  padding-top: 5px;
  z-index: 1; 
}

div.ibutton-label-on span {
  padding-left: 8px;
}

div.ibutton-label-off {
  color: #7c7c7c;
  background-position: 100% 0;
  text-shadow: 0 -1px 2px rgba(153, 153, 153, 0.4);
  text-align: right;
  right: 0;
	/* the off label needs to near the left edge (ideally just 5px away) 
	 * it just needs to be close enough that it won't show under the handle if dragged to the left  
	 */
	width: 95%;
}

div.ibutton-label-off span {
  padding-right: 8px; 
}

/* create an outline when button gets focus via keyboard */
.ibutton-container label {
	cursor: inherit;
	border: 1px dotted transparent;
}

.ibutton-focus label {
	/* we must use border, since outline doesn't work in IE */
	border: 1px dotted #666 !important;
}

.ibutton-focus div.ibutton-label-on span label {
	/* use white for more contrast */
	border-color: #fff !important;
}

/* add padding to right/left so that text gets clipped before absolute edge */
.ibutton-padding-left, .ibutton-padding-right {
	position: absolute; 
	top: 4px;
	z-index: 2; 
	background: transparent url(/javascript/jquery.ibutton/images/ibutton-slider-default.png) no-repeat scroll 0 -4px; 
	width: 3px;
	height: 20px;
}
	
.ibutton-padding-left {
	left: 0; 
}

.ibutton-padding-right {
	right: 0; 
	background-position: 100% -4px;
}

/* change the styles of the handle when being dragged */
.ibutton-active-handle .ibutton-handle {
	background-position: 0 -108px;
}

.ibutton-active-handle .ibutton-handle-right {
	background-position: 100% -108px;
}

.ibutton-active-handle .ibutton-handle-middle {
	background-position: 50% -108px;
}

/* styles to use when the button is disabled */
.ibutton-disabled {
	cursor: not-allowed !important; /* cursor options: default or not-allowed */
}

.ibutton-disabled .ibutton-handle {
	background-position: 0 -81px;
}

.ibutton-disabled .ibutton-handle-right {
	background-position: 100% -81px;
}

.ibutton-disabled .ibutton-handle-middle {
	background-position: 50% -81px;
}

.ibutton-disabled div.ibutton-label-on {
	background-position: 0 -54px;
}

.ibutton-disabled div.ibutton-label-off {
	background-position: 100% -54px;
}

.ibutton-disabled .ibutton-padding-left {
	background-position: 0 -54px;
}

.ibutton-disabled .ibutton-padding-right {
	background-position: 100% -54px;
}

.ibutton-disabled div.ibutton-label-on {
	color: #fff;
}

.ibutton-disabled div.ibutton-label-off {
	color: #cbcbcb;
}





/* idTabs Styles
--------------------------------------------*/
.standardTabs {  }
.standardTabs ul.tabs { margin: 0; padding: 0; }
.standardTabs ul.tabs li {
	list-style:none;
	line-height: 1.1em;
	float:left;
	border-bottom:1px solid #ECECEC;
	margin-right: 3px;
	-moz-border-radius-topleft:1ex;
	-moz-border-radius-topright:1ex;
	-webkit-border-top-left-radius:1ex;
	-webkit-border-top-right-radius:1ex;
	}
.standardTabs ul.tabs a {
	display:block;
	padding:9px 24px 8px 24px;
	text-decoration:none!important;
	color:#666;
	background:#444;
	outline: none;
  
	-moz-border-radius-topleft:1ex;
 	-moz-border-radius-topright:1ex;
  	-webkit-border-top-left-radius:1ex;
  	-webkit-border-top-right-radius:1ex;
}
.standardTabs ul.tabs a:hover {
  color:#FFF;
  background:#111;
  }
.standardTabs ul.tabs a.selected {
  margin-bottom:0;
  background:#ECECEC;
  font-weight: bold;
  cursor:default;
  color:#000;
  text-shadow:0px 0px 10px #0066CC, -1px -1px 0px #fff;
}
.standardTabs div.tabContent {
	clear:left;
	padding:25px;
	*margin-top:-15px;
	background:#ECECEC;
	
	-moz-border-radius-bottomleft:1ex;
 	-moz-border-radius-bottomright:1ex;
	-moz-border-radius-topright:1ex;
  	-webkit-border-bottom-left-radius:1ex;
  	-webkit-border-bottom-right-radius:1ex;
  	-webkit-border-top-right-radius:1ex;
}







/* paging form & search (for listing pages)
-----------------------------------------*/
.pagingForm { margin: 9px 9px 9px 0; padding: 0; float: left; }

.pagingForm td { font-size: 90%;line-height: 1em; white-space: nowrap; }
.pagingForm td a { text-decoration: none; }
	
/* list menu fields */	
.pagingForm select.listmenu {
	font-size: 95%;
	padding: .15em;
	margin: 0;
	background-color: #f4f4f4;
	border:1px solid #CCC;
	}
	.pagingForm select.listmenu:focus { 
		border:1px solid #0062A6; 
		background:#BCCFE5;
		}

.searchFormDiv { 
	clear: right; 
	width:193px; /*follow your image's size*/
	height:28px;/*follow your image's size*/
	background-image:url(/images/admin/admin_search_field_img.png);
	background-repeat:no-repeat; /*important*/
	padding: 0;
	margin: 6px 0 0 0;
	position:relative; /*important*/
	float: right;
	}
	.searchFormDiv form { display:inline ; }
		.searchFormDiv form .searchbox {
			border: 0; /*important*/
			background-color:transparent; /*important*/
			position:absolute; /*important*/
			top:4px;
			left:12px;
			width:140px;
			height:13px;
			font-size: 95%;
			padding: .3em;
			outline: none;
			vertical-align: middle;
			color:#999;
			}
		
		.searchFormDiv form .searchbox_submit {
			border:0; /*important*/
			background-color:transparent; /*important*/
			position:absolute; /*important*/
			top:5px;
			left:154px;
			width:30px;
			height:20px;
			}
			
			
.adminBottomButtons { margin: 8px -6px 0 0; padding: 0; float: right;  text-align: right; }
.adminBottomButtonsLeft { margin: 8px 0 0 -6px; padding: 0; float: left;  text-align: left; }




/* page polling 
------------------------------------------*/
.pagePolling { margin: 0; }
.pagePolling .pages { float: left; width: 400px; height: 24px; text-align: left; vertical-align: middle; }


.pages ul { 
	margin: 0; 
	padding: 0; 	
	max-width: 400px;
	list-style: none; 
	}
.pages li { 
	float: left; 
	margin: 0; 
	font-size: 10px;
	line-height: 10px;
	font-weight: bold;
	color: #039;
	text-transform: uppercase;
	}
	
.pages li a:link, .pages li a:visited { 
	text-decoration: none;
	outline: none;
	display: block;
	padding: 3px 5px;
	vertical-align: middle;
	margin-right: 4px;
	}
.pages li a:hover, .pages li a:active { 
	background-color: #F60;
	color: #FFF;
	}
.pages li.previous a, .pages li.next a {  }

.pages li.onPage a:link, .pages li.onPage a:visited {
	color: #F60;
	border: solid 1px  #BEC5E3; 
	padding: 2px 4px;
	}
.pages li.onPage a:hover, .pages li.onPage a:active {
	color: #FFF;
	border: solid 1px  #039; 
	}
/*for tabs under tool detail view*/
.pages li.onPage2 a:link, .pages li.onPage2 a:visited {
	color: #FFF;
	border: solid 1px  #BEC5E3; 
	padding: 2px 4px;
	}
.pages li.onPage2 a:hover, .pages li.onPage2 a:active {
	color: #FFF;
	border: solid 1px  #039; 
	}

.pagePolling .lists {  float: left; width: 200px; height: 24px; text-align: right; vertical-align: middle; }
.pagePolling .lists label { font-size: 10px; line-height: 10px; text-transform: uppercase; }
.pagePolling .lists input.text { padding: .1em; background-color: #BEC5E3; outline: none; }
.pagePolling .lists select.listmenu {  padding: .1em; background-color: #BEC5E3; outline: none; }



/* New Buttons 
source: www.oscaralexander.com/tutorials/how-to-make-sexy-buttons-with-css.html
--------------------------------*/
a.newButton {
    background: transparent url('/images/admin/bg_admin_button_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 1px 1px 0px #fff;
	}
	a.newButton span {
		background: transparent url('/images/admin/bg_admin_button_span.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 6px 0 4px 18px;
	} 
	a.newButton:hover, a.newButton:active {
		background-position: bottom right;
		color: #FFF;
		outline: none; /* hide dotted outline in Firefox */
		text-shadow: 1px 1px 0px #333;
	}
	a.newButton:hover span, a.newButton:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	} 




a.newButtonSM {
    background: transparent url('/images/admin/bg_admin_buttonSM_a.png') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
	text-shadow: 1px 1px 0px #fff;
	}
	a.newButtonSM span {
		background: transparent url('/images/admin/bg_admin_buttonSM_span.png') no-repeat;
		display: block;
		line-height: 14px;
		padding: 6px 0 4px 18px;
	} 
	a.newButtonSM:hover, a.newButtonSM:active {
		background-position: bottom right;
		color: #FFF;
		outline: none; /* hide dotted outline in Firefox */
		text-shadow: 1px 1px 0px #fff;
	}
	a.newButtonSM:hover span, a.newButtonSM:active span {
		background-position: bottom left;
		padding: 6px 0 4px 18px; /* push text down 1px */
	} 







/*  various useful styles
----------------------------------------------*/
.hiddenDiv { display: none; }
.visibleDiv { display: block; }
.displayBlock { display: block; }

.center { text-align: center; }
.leftText { text-align: left; }
.rightText { text-align: right; }
.nowrap { white-space: nowrap; }

.warning { color:#900; }

.noMargin { margin: 0; }
.noTopMargin { margin-top: 0; }
.noRightMargin { margin-right: 0; }
.noBottomMargin { margin-bottom: 0; }
.noLeftMargin { margin-left: 0; }


.noPad { padding: 0; }
.noTopPad { padding-top: 0; }
.noRightPad { padding-right: 0; }
.noBottomPad { padding-bottom: 0; }
.noLeftPad { padding-left: 0; }















/*  standard set widths
----------------------------------------------*/
.width10 { width: 10px; }
.width20 { width: 20px; }
.width30 { width: 30px; }
.width40 { width: 40px; }
.width50 { width: 50px; }
.width60 { width: 60px; }
.width70 { width: 70px; }
.width80 { width: 80px; }
.width90 { width: 90px; }
.width100 { width: 100px; }
.width110 { width: 110px; }
.width120 { width: 120px; }
.width130 { width: 130px; }
.width140 { width: 140px; }
.width150 { width: 150px; }
.width160 { width: 160px; }
.width170 { width: 170px; }
.width180 { width: 180px; }
.width190 { width: 190px; }
.width200 { width: 200px; }
.width210 { width: 210px; }
.width220 { width: 220px; }
.width230 { width: 230px; }
.width240 { width: 240px; }
.width250 { width: 250px; }
.width260 { width: 260px; }
.width270 { width: 270px; }
.width280 { width: 280px; }
.width290 { width: 290px; }
.width300 { width: 300px; }
.width310 { width: 310px; }
.width320 { width: 320px; }
.width330 { width: 330px; }
.width340 { width: 340px; }
.width350 { width: 350px; }
.width360 { width: 360px; }
.width370 { width: 370px; }
.width380 { width: 380px; }
.width390 { width: 390px; }
.width400 { width: 400px; }
.width410 { width: 410px; }
.width420 { width: 420px; }
.width430 { width: 430px; }
.width440 { width: 440px; }
.width450 { width: 450px; }
.width460 { width: 460px; }
.width470 { width: 470px; }
.width480 { width: 480px; }
.width490 { width: 490px; }
.width500 { width: 500px; }
.width510 { width: 510px; }
.width520 { width: 520px; }
.width530 { width: 530px; }
.width540 { width: 540px; }
.width550 { width: 550px; }
.width560 { width: 560px; }
.width570 { width: 570px; }
.width580 { width: 580px; }
.width590 { width: 590px; }
.width600 { width: 600px; }
.width610 { width: 610px; }
.width620 { width: 620px; }
.width630 { width: 630px; }
.width640 { width: 640px; }
.width650 { width: 650px; }
.width660 { width: 660px; }
.width670 { width: 670px; }
.width680 { width: 680px; }
.width690 { width: 690px; }
.width700 { width: 700px; }
.width710 { width: 710px; }
.width720 { width: 720px; }
.width730 { width: 730px; }
.width740 { width: 740px; }
.width750 { width: 750px; }
.width760 { width: 760px; }
.width770 { width: 770px; }
.width780 { width: 780px; }
.width790 { width: 790px; }
.width800 { width: 800px; }
.width810 { width: 810px; }
.width820 { width: 820px; }
.width830 { width: 830px; }
.width840 { width: 840px; }
.width850 { width: 850px; }
.width860 { width: 860px; }
.width870 { width: 870px; }
.width880 { width: 880px; }
.width890 { width: 890px; }
.width900 { width: 900px; }
.width910 { width: 910px; }
.width920 { width: 920px; }
.width930 { width: 930px; }
.width940 { width: 940px; }
.width950 { width: 950px; }
.width960 { width: 960px; }
.width970 { width: 970px; }
.width980 { width: 980px; }
.width990 { width: 990px; }
.width1000 { width: 1000px; }





/*  standard set height
----------------------------------------------*/
.height10 { height: 10px; }
.height20 { height: 20px; }
.height30 { height: 30px; }
.height40 { height: 40px; }
.height50 { height: 50px; }
.height60 { height: 60px; }
.height70 { height: 70px; }
.height80 { height: 80px; }
.height90 { height: 90px; }
.height100 { height: 100px; }
.height110 { height: 110px; }
.height120 { height: 120px; }
.height130 { height: 130px; }
.height140 { height: 140px; }
.height150 { height: 150px; }
.height160 { height: 160px; }
.height170 { height: 170px; }
.height180 { height: 180px; }
.height190 { height: 190px; }
.height200 { height: 200px; }
.height210 { height: 210px; }
.height220 { height: 220px; }
.height230 { height: 230px; }
.height240 { height: 240px; }
.height250 { height: 250px; }
.height260 { height: 260px; }
.height270 { height: 270px; }
.height280 { height: 280px; }
.height290 { height: 290px; }
.height300 { height: 300px; }
.height310 { height: 310px; }
.height320 { height: 320px; }
.height330 { height: 330px; }
.height340 { height: 340px; }
.height350 { height: 350px; }
.height360 { height: 360px; }
.height370 { height: 370px; }
.height380 { height: 380px; }
.height390 { height: 390px; }
.height400 { height: 400px; }
.height410 { height: 410px; }
.height420 { height: 420px; }
.height430 { height: 430px; }
.height440 { height: 440px; }
.height450 { height: 450px; }
.height460 { height: 460px; }
.height470 { height: 470px; }
.height480 { height: 480px; }
.height490 { height: 490px; }
.height500 { height: 500px; }
.height510 { height: 510px; }
.height520 { height: 520px; }
.height530 { height: 530px; }
.height540 { height: 540px; }
.height550 { height: 550px; }
.height560 { height: 560px; }
.height570 { height: 570px; }
.height580 { height: 580px; }
.height590 { height: 590px; }
.height600 { height: 600px; }










/* standard margins 
----------------------------------------------*/
.margin-top3 { margin-top: 3px; }
.margin-top6 { margin-top: 6px; }
.margin-top9 { margin-top: 9px; }
.margin-top10 { margin-top: 10px; }
.margin-top12 { margin-top: 12px; }
.margin-top18 { margin-top: 18px; }
.margin-top20 { margin-top: 20px; }
.margin-top24 { margin-top: 24px; }
.margin-top30 { margin-top: 30px; }
.margin-top32 { margin-top: 32px; }
.margin-top36 { margin-top: 36px; }
.margin-top40 { margin-top: 40px; }
.margin-top48 { margin-top: 48px; }
.margin-top50 { margin-top: 50px; }
.margin-top54 { margin-top: 54px; }
.margin-top60 { margin-top: 60px; }
.margin-top72 { margin-top: 72px; }

.margin-right3 { margin-right: 3px; }
.margin-right6 { margin-right: 6px; }
.margin-right9 { margin-right: 9px; }
.margin-right10 { margin-right: 10px; }
.margin-right12 { margin-right: 12px; }
.margin-right18 { margin-right: 18px; }
.margin-right20 { margin-right: 20px; }
.margin-right22 { margin-right: 22px; }
.margin-right24 { margin-right: 24px; }
.margin-right30 { margin-right: 30px; }
.margin-right36 { margin-right: 36px; }
.margin-right40 { margin-right: 40px; }
.margin-right48 { margin-right: 48px; }
.margin-right50 { margin-right: 50px; }
.margin-right54 { margin-right: 54px; }
.margin-right60 { margin-right: 60px; }
.margin-right72 { margin-right: 72px; }


.margin-bottom3 { margin-bottom: 3px; }
.margin-bottom6 { margin-bottom: 6px; }
.margin-bottom9 { margin-bottom: 9px; }
.margin-bottom10 { margin-bottom: 10px; }
.margin-bottom12 { margin-bottom: 12px; }
.margin-bottom18 { margin-bottom: 18px; }
.margin-bottom20 { margin-bottom: 20px; }
.margin-bottom24 { margin-bottom: 24px; }
.margin-bottom30 { margin-bottom: 30px; }
.margin-bottom36 { margin-bottom: 36px; }
.margin-bottom40 { margin-bottom: 40px; }
.margin-bottom48 { margin-bottom: 48px; }
.margin-bottom50 { margin-bottom: 50px; }
.margin-bottom54 { margin-bottom: 54px; }
.margin-bottom60 { margin-bottom: 60px; }
.margin-bottom72 { margin-bottom: 72px; }


.margin-left3 { margin-left: 3px; }
.margin-left6 { margin-left: 6px; }
.margin-left9 { margin-left: 9px; }
.margin-left10 { margin-left: 10px; }
.margin-left12 { margin-left: 12px; }
.margin-left18 { margin-left: 18px; }
.margin-left20 { margin-left: 20px; }
.margin-left24 { margin-left: 24px; }
.margin-left30 { margin-left: 30px; }
.margin-left36 { margin-left: 36px; }
.margin-left40 { margin-left: 40px; }
.margin-left48 { margin-left: 48px; }
.margin-left50 { margin-left: 50px; }
.margin-left54 { margin-left: 54px; }
.margin-left60 { margin-left: 60px; }
.margin-left72 { margin-left: 72px; }



/* padding margins 
----------------------------------------------*/
.padding-top3 { padding-top: 3px; }
.padding-top6 { padding-top: 6px; }
.padding-top9 { padding-top: 9px; }
.padding-top10 { padding-top: 10px; }
.padding-top12 { padding-top: 12px; }
.padding-top18 { padding-top: 18px; }
.padding-top20 { padding-top: 20px; }
.padding-top24 { padding-top: 24px; }
.padding-top30 { padding-top: 30px; }
.padding-top36 { padding-top: 36px; }
.padding-top40 { padding-top: 40px; }
.padding-top48 { padding-top: 48px; }
.padding-top50 { padding-top: 50px; }
.padding-top54 { padding-top: 54px; }
.padding-top60 { padding-top: 60px; }
.padding-top72 { padding-top: 72px; }

.padding-right3 { padding-right: 3px; }
.padding-right6 { padding-right: 6px; }
.padding-right9 { padding-right: 9px; }
.padding-right10 { padding-right: 10px; }
.padding-right12 { padding-right: 12px; }
.padding-right18 { padding-right: 18px; }
.padding-right20 { padding-right: 20px; }
.padding-right22 { padding-right: 22px; }
.padding-right24 { padding-right: 24px; }
.padding-right30 { padding-right: 30px; }
.padding-right36 { padding-right: 36px; }
.padding-right40 { padding-right: 40px; }
.padding-right48 { padding-right: 48px; }
.padding-right50 { padding-right: 50px; }
.padding-right54 { padding-right: 54px; }
.padding-right60 { padding-right: 60px; }
.padding-right72 { padding-right: 72px; }


.padding-bottom3 { padding-bottom: 3px; }
.padding-bottom6 { padding-bottom: 6px; }
.padding-bottom9 { padding-bottom: 9px; }
.padding-bottom10 { padding-bottom: 10px; }
.padding-bottom12 { padding-bottom: 12px; }
.padding-bottom18 { padding-bottom: 18px; }
.padding-bottom20 { padding-bottom: 20px; }
.padding-bottom24 { padding-bottom: 24px; }
.padding-bottom30 { padding-bottom: 30px; }
.padding-bottom36 { padding-bottom: 36px; }
.padding-bottom40 { padding-bottom: 40px; }
.padding-bottom48 { padding-bottom: 48px; }
.padding-bottom50 { padding-bottom: 50px; }
.padding-bottom54 { padding-bottom: 54px; }
.padding-bottom60 { padding-bottom: 60px; }
.padding-bottom72 { padding-bottom: 72px; }


.padding-left3 { padding-left: 3px; }
.padding-left6 { padding-left: 6px; }
.padding-left9 { padding-left: 9px; }
.padding-left10 { padding-left: 10px; }
.padding-left12 { padding-left: 12px; }
.padding-left18 { padding-left: 18px; }
.padding-left20 { padding-left: 20px; }
.padding-left24 { padding-left: 24px; }
.padding-left30 { padding-left: 30px; }
.padding-left36 { padding-left: 36px; }
.padding-left40 { padding-left: 40px; }
.padding-left48 { padding-left: 48px; }
.padding-left50 { padding-left: 50px; }
.padding-left54 { padding-left: 54px; }
.padding-left60 { padding-left: 60px; }
.padding-left72 { padding-left: 72px; }