/* 
  forms.css 
  author: hari khalsa
  css for form elements, using jquery, jquery.forms, jquery.checkbox
*/

/* ---------- General Rules ----------------- */

fieldset {
	border: none;
}
fieldset legend {
	display: none;
}

label a {
	display: inline !important;
	float: none !important;
}

/* checkboxes */
.cb-sel-checkbox {display: inline; font-size: 19px; line-height: 19px; cursor: pointer;}
.cb-sel-checkbox .mark {display: inline;}

.cb-sel-checkbox img {vertical-align: middle; width: 19px; height: 19px;}
.cb-sel-checkbox img{background: transparent url('../../images/003/chrome/cbSprite.gif') no-repeat;}

.cb-sel-checkbox img{
	background-position: 0px -122px;
}
.cb-sel-checkbox-hover img{
	background-position: 0px -152px;
}
.cb-sel-checkbox-checked img{
	background-position: 0px -180px;
}
.cb-checkbox-checked .cb-sel-checkbox-hover img {
	background-position: 0px -210px;
}

.cb-sel-checkbox-disabled img{
	background-position: 0px -30px;
}
.cb-sel-checkbox-checked .cb-sel-checkbox-disabled img{
	background-position: 0px -30px;
}

/* checkboxes (+-) */
.cb-add-checkbox {display: inline; font-size: 19px; line-height: 19px; cursor: pointer;}
.cb-add-checkbox .mark {display: inline;}

.cb-add-checkbox img {vertical-align: middle; width: 19px; height: 19px;}
.cb-add-checkbox img{background: transparent url('../../images/003/chrome/cbSprite.gif') no-repeat;}

.cb-add-checkbox img{
	background-position: 0px -33px;
}
.cb-add-checkbox-hover img{
	background-position: 0px -62px;
}
.cb-add-checkbox-checked img{
	background-position: 0px -3px;
}
.cb-add-checkbox-checked .cb-add-checkbox-hover img {
	background-position: 0px -92px;
}

.cb-add-checkbox-disabled img{
	background-position: 0px -30px;
}
.cb-add-checkbox-checked .cb-add-checkbox-disabled img{
	background-position: 0px -30px;
}


/* radiobuttons */
.rb-sel-radio {display: inline; font-size: 19px; line-height: 19px; cursor: pointer; }
.rb-sel-radio .mark {display: inline;}

.rb-sel-radio img {vertical-align: middle; width: 19px; height: 19px;}
.rb-sel-radio img{background: transparent url('../../images/003/chrome/cbSprite.gif') no-repeat;}

.rb-sel-radio img{
	background-position: 0px -240px;
}
.rb-sel-radio-hover img{
	background-position: 0px -270px;
}
.rb-sel-radio-checked img{
	background-position: 0px -300px;
}
/** note does this need to be updated? */
.cb-add-checkbox-checked .rb-sel-radio-hover img {
	background-position: 0px -330px;
}

.rb-sel-radio-disabled img{
	background-position: 0px -30px;
}
.rb-sel-radio-checked .rb-sel-radio-disabled img{
	background-position: 0px -30px;
}

/* input:textfield */


/* ---------- Prez Item ----------------- */
div.prezitem {
	display: block;
	width: 30%;
	margin-right: 15px;
	margin-bottom: 15px;
	padding-bottom: 5px;
	float: left;
	background: url('../../images/003/chrome/hrKhakiDots.gif') bottom left repeat-x;
}
div.prezitem a:link, div.prezitem a:active, div.prezitem a:visited {
	display: block;
	width: 80%;
	float: left;
	padding-left: 20px;
	background: url('../../images/003/chrome/liPlaySprite.gif') 0px -32px no-repeat;
}
div.prezitem a:hover {
	display: block;
	width: 80%;
	float: left;
	padding-left: 20px;
	background: url('../../images/003/chrome/liPlaySprite.gif') 1px 0px no-repeat;
}
div.prezitem label {
	display: none;
}
div.prezitem-form label {
	display: inline;
}
/* ---------- Plan Item ----------------- */
div.plan div {
	padding-bottom: 5px;
}
div.plan label {
	padding-left: 5px;
}
/* Tile Buttons */
ul.tile-buttons {
	display: block;
	margin-bottom: 10px;
	height: 100px;
}
ul.tile-buttons li {
	float: left;
	display: block;
	width: 22%;
	/*border-bottom: 1px solid #E5E1D0;*/
	padding: 2px 2px 10px 2px;
	margin: 3px;
	background: url('../../images/003/chrome/bgOvalShadow.jpg') bottom center no-repeat;
}
ul.tile-buttons li div, ul.tile-buttons li p {
	text-align: center;
	padding: 2px;
}
ul.tile-buttons li label {
	color:#999;
}