/* BUTTON STYLING */
/* uniform button class disambiguations - links that are button like*/
button{
	-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	font-family: Arial!important;
	font-weight: bold!important;
	font-size: 13px;
}
button[disabled] {opacity:0.3;cursor: default;}

#contentBody input[type=submit],#contentBody input[type=button]{
margin: 1px; 
cursor:pointer;
border: solid 1px #ccc;
background:#999;
color:#444;
padding: 2px;
background:url(https://live.yodle.com/assets/img/input_buttons.gif) repeat-x left top;
font-size: 12px;
font-family: Arial, Helvetica, sans-serif;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
font-weight: bold;
}

button, button:hover, button:active, button.addAll, button.add, button.cancel, button.yes, button.no{ cursor:pointer;
border: solid 1px #ddd;
background:#999;
color:#444;
font-weight:bold;
padding: 1px 2px;
background:url(https://live.yodle.com/assets/img/input_buttons.gif) repeat-x left top; 

text-decoration: none; 
font-family: Arial, Helvetica, sans-serif;
}
button:hover {color: #111; border: 1px solid #ccc;	}
button.positive {padding: 1px 2px; text-decoration: none;
border: solid 1px #ccc;
color: green;	
}
button.positive:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2;}
button.negative { padding: 1px 2px; text-decoration: none; color: #c81d16; 
border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff;
}
button.negative:hover { border: 1px solid #fbc2c4;	border-top: 1px solid #fbe3e4; border-left: 1px solid #fbe3e4;background: #fbe3e4;}

button.addAll, button.add, a.addNew {
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/add.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: green;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
}
button.add:hover, button.addAll:hover,a.addNew:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2 url(https://live.yodle.com/assets/icon/add.gif) no-repeat 2px 1px ;}
a.addNew {padding: 3px 10px 3px 22px;text-decoration: none;font-style: normal;border-bottom: 1px solid #aaa;
border-right: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff;}
button.adduser, a.adduser {
	padding: 3px 5px 3px 22px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/user__plus.gif) no-repeat 2px 2px; 	
	text-decoration: none;
	color: green;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff;
}
button.adduser:hover,a.adduser:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2 url(https://live.yodle.com/assets/icon/user__plus.gif) no-repeat 2px 2px ;}


button.delete{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/delete.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #c81d16;
	font-weight:bold;
}

button.delete:hover,a.delete:hover {background: #fbe3e4 url(https://live.yodle.com/assets/icon/delete.gif) no-repeat 2px 1px;border: 1px solid #fbc2c4;	border-top: 1px solid #fbe3e4; border-left: 1px solid #fbe3e4;}
button.cancel,button.no {	padding: 1px 5px 1px 18px;background: #f5f5f5 url(https://live.yodle.com/assets/icon/x_small.gif) no-repeat 5px 4px; text-decoration: none;color: #c81d16;}
button.cancel:hover,button.no:hover {background: #fbe3e4 url(https://live.yodle.com/assets/icon/x_small.gif) no-repeat 5px 4px;border: 1px solid #fbc2c4;	border-top: 1px solid #fbe3e4; border-left: 1px solid #fbe3e4;}
button.yes {
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/check_small.gif) no-repeat 4px 4px; text-decoration: none;
	color: green;	
}
button.yes:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2 url(https://live.yodle.com/assets/icon/check_small.gif) no-repeat 4px 4px ;}
button.save {
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/button_save.gif) no-repeat 3px 1px; text-decoration: none;
	color: #0874a1;	
}
button.save:hover {background: #c3e9f8 url(https://live.yodle.com/assets/icon/button_save.gif) no-repeat 2px 1px;border: 1px solid #69d1fc;	border-top: 1px solid #69d1fc; border-left: 1px solid #69d1fc;}
button.search{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/searchbtn_new.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #0874a1;
	font-weight:bold;
}
button.search:hover {background: #c3e9f8 url(https://live.yodle.com/assets/icon/searchbtn_new.gif) no-repeat 2px 1px;border: 1px solid #69d1fc;	border-top: 1px solid #69d1fc; border-left: 1px solid #69d1fc;}
button.revert{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/reply.gif) no-repeat 4px 4px; 	text-decoration: none;
	color: green;
	font-weight:bold;
}
button.revert:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2 url(https://live.yodle.com/assets/icon/reply.gif) no-repeat 4px 4px ;}

button.starrating{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/star_rate_me.png) no-repeat 2px 1px; 	text-decoration: none;
	color: #333;
	font-weight:bold;
}
button.starrating:hover {background: #eee url(https://live.yodle.com/assets/icon/star_rate_me.png) no-repeat 2px 1px;border: 1px solid #ccc;	border-top: 1px solid #ddd; border-left: 1px solid #ccc;}

button.resume, button.pause {
	padding: 1px 5px 1px 18px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size: 12px;
	text-decoration: none; color: #222;
}
button.resume{
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/control_play.png) no-repeat 2px 1px; color: green;
}
button.pause{
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/control_pause.png) no-repeat 2px 1px; color: #c81d16;
}
button.lock{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/lockNew.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #CF7004;
	font-weight:bold;
}
button.lock:hover {background: #ffead3 url(https://live.yodle.com/assets/icon/lockNew.gif) no-repeat 2px 1px;border: 1px solid #fdd3a4;
padding: 1px 5px 1px 18px;text-decoration: none;color: #CF7004;font-weight:bold;}

button.unlock{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/lock_open.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #777;
	font-weight:bold;
}
button.unlock:hover {background: #f7f7f7 url(https://live.yodle.com/assets/icon/lock_open.gif) no-repeat 2px 1px;border: 1px solid #ddd;}

button.preview{
	padding: 1px 5px 1px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/searchbtn_new.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #991c1c;
	font-weight:bold;
	border-color: #f7a1a1;
	font-size: 13px;
}
button.preview:hover {background: #ffe8e8 url(https://live.yodle.com/assets/icon/searchbtn_new.gif) no-repeat 2px 1px;border: 1px solid #f7a1a1;padding: 1px 5px 1px 18px;}

a.button2, a.button {
cursor:pointer;
border:outset 1px #ddd;
background:#999;
color:#444;
font-weight:bold;
padding: 3px 6px 2px 6px;
background:url(https://live.yodle.com/assets/img/input_buttons.gif) repeat-x left top;
font-size: 12px;
text-decoration: none;
margin: 1px;
	}
a.button2:hover, a.button:hover {
	color: #111; border: 1px solid #ccc;
	}
a.button:active {
	border: 1px solid #cfcdcd;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #999;
	outline: none;
	}


/* A HREF STYLING */
a.delete{
	padding: 3px 10px 3px 22px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/delete.gif) no-repeat 2px 1px; 	text-decoration: none;
	color: #c81d16;
	font-style: normal; font-size: 12px;
	margin: 1px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff; font-weight: bold;
	-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
a.cancel, a.check{
	padding: 2px 10px 2px 18px;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/x_small.gif) no-repeat 4px 4px; 	text-decoration: none;
	color: #c81d16;
	font-style: normal; font-size: 12px;
	margin: 1px;
	border-bottom: 1px solid #aaa;
	border-right: 1px solid #aaa; border-top: 1px solid #fff; border-left: 1px solid #fff; font-weight: bold;
	-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
a.check {background: #f5f5f5 url(https://live.yodle.com/assets/icon/check_small.gif) no-repeat 4px 4px; color: green;-moz-border-radius: 4px;-webkit-border-radius: 4px;}

a.batch, a.batchNeg, a.userAdd, a.push, a.searchreplace, a.revert, a.download, a.golive, a.upload, a.clone, a.editButton, a.settings, a.star {
cursor:pointer;
border: 1px solid #ccc;
font-weight:bold;
padding: 3px 5px 3px 20px;
font-size: 12px;
text-decoration: none;
margin: 1px;
font-family: Arial, Helvetica, sans-serif;
color: #444;
-moz-border-radius: 4px;-webkit-border-radius: 4px;
}
a.batchNeg:hover, a.userAdd:hover, a.push:hover, a.searchreplace:hover, a.revert:hover, a.download:hover, a.golive:hover, a.upload:hover, a.clone:hover, a.editButton:hover, a.settings:hover, a.star:hover {
cursor:pointer;color: #111; border: 1px solid #ccc;
}
a.batch:hover {border: 1px solid #C6D880; border-left: 1px solid #E6EFC2; border-top: 1px solid #E6EFC2;background: #E6EFC2 url(https://live.yodle.com/assets/icon/database_add.gif) no-repeat top left;}

/* Special links with special Icons */
a.pseudoLink { font-size: 11px; cursor:pointer; text-decoration:underline;}
a.new {	background: url(https://live.yodle.com/assets/icon/add_item.gif) no-repeat top left;	padding: 0 4px 6px 15px;}
a.more {	background: url(https://live.yodle.com/assets/icon/roll_down.gif) no-repeat top left;	padding: 0 4px 6px 12px;}
a.printPage {	background: url(https://live.yodle.com/assets/icon/page_white.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.addMoney {	background: url(https://live.yodle.com/assets/icon/money_add.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.addCard {	background: url(https://live.yodle.com/assets/icon/addCC.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.addCheck {	background: url(https://live.yodle.com/assets/icon/papercheck.gif) no-repeat top left;	padding: 0 5px 5px 20px;}
a.creditCard {	background: url(https://live.yodle.com/assets/icon/creditcards.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.money {	background: url(https://live.yodle.com/assets/icon/money.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.yes {	background: url(https://live.yodle.com/assets/icon/check.gif) no-repeat top left;	padding: 0 5px 5px 20px;}
a.no {	background: url(https://live.yodle.com/assets/icon/cross.gif) no-repeat top left;	padding: 0 5px 5px 20px;}
a.userDelete {	background: url(https://live.yodle.com/assets/icon/user_delete.png) no-repeat top left;	padding: 0 5px 5px 20px;}
a.pause, a.resume  {	background: url(https://live.yodle.com/assets/icon/play.png) no-repeat top left;	padding: 0 4px 6px 12px;}
a.deleteDisable {	background: url(https://live.yodle.com/assets/icon/control_deleteDisable.png) no-repeat top left;	padding: 3px 5px 2px 20px;	color: #999;}
a.clone{	background: #f5f5f5 url(https://live.yodle.com/assets/icon/activity.gif) no-repeat 4px 4px; font-size: 12px;color: #;}
a.batch {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/database_add.gif) no-repeat top left; font-size: 12px; color: green;}
a.batchNeg {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/batch_negative.gif) no-repeat top left;color: #cc5200;}
a.searchreplace {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/search.png) no-repeat top left;	cursor: pointer;color: #006faf;}
a.push {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/rightarrow.png) no-repeat top left;	cursor: pointer;color: #;}
a.golive {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/golive.png) no-repeat top left;	cursor: pointer;color: green;}
a.revert {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/reply.gif) no-repeat 4px 4px;	cursor: pointer; color: green}
a.upload {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/upload.gif) no-repeat 4px 4px;	cursor: pointer; color: green;}
a.download {	background: #f5f5f5 url(https://live.yodle.com/assets/icon/download.gif) no-repeat 4px 4px;	cursor: pointer;color: green;}
a.userAdd, {	
background: #f5f5f5 url(https://live.yodle.com/assets/icon/add.gif) no-repeat 4px 4px; text-decoration: none;	}
a.editButton{	background: #f5f5f5 url(https://live.yodle.com/assets/icon/edit.gif) no-repeat 4px 4px; text-decoration: none;color: #; }
a.settings{	background: #f5f5f5 url(https://live.yodle.com/assets/icon/edit.gif) no-repeat 4px 4px; text-decoration: none;color: #; }
a.star{	background: #f5f5f5 url(https://live.yodle.com/assets/icon/star.gif) no-repeat 4px 3px; text-decoration: none; font-weight: bold;color: #;}
a.right {margin: 0 0 0 210px;} 
a.editButton:active, button.add:active, a.revert:active, a.batch:active, a.userAdd:active, a.batch:active,  a.batchNeg:active, a.push:active, a.upload:active,  a.download:active, a.clone:active {
	border: 1px solid #cfcdcd;
	border-bottom: 1px solid #eee;
	border-right: 1px solid #eee;
	color: #222;
}
a.edit{	padding: 0 0 0 15px;	background: transparent url(https://live.yodle.com/assets/icon/edit.gif) no-repeat top left;	font-size: 11px; 	cursor: pointer;	text-decoration:underline;	}
a.reload{	padding: 0 0 0 18px;	background: transparent url(https://live.yodle.com/assets/icon/icon_refresh.png) no-repeat top left;	font-size: 11px; 	cursor: pointer;	text-decoration:underline;	}
a.view{	padding: 0 0 3px 18px;	background: transparent url(https://live.yodle.com/assets/icon/content-raw.gif) no-repeat top left;	font-size: 11px; 	cursor: pointer;	text-decoration:underline;	}



/* AD-HOC Buttons */
a#goLive, a.large {
	font-size: 16px;
	color: green;border:outset 1px #ddd;
	background:#999;
	font-weight:bold;
	padding: 1px 2px;
	background:url(https://live.yodle.com/assets/img/input_buttons.gif) repeat-x left top;
	text-decoration: none; 
	font-family: Arial, Helvetica, sans-serif;
}

button.launchdesign{
	padding: 1px 5px 1px 24px;
	text-decoration: none;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/palette.png) no-repeat 4px 1px; 
	background: url(https://live.yodle.com/assets/icon/palette.png) no-repeat 4px 1px,-moz-linear-gradient(0% 80% 90deg,#ededed, #fcfcfc);
	background: url(https://live.yodle.com/assets/icon/palette.png) no-repeat 4px 1px,-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed));		
	color: #555;
	font-weight:bold;
	margin: 4px 0;
}
button.launchdesign:hover {color: #222;}

button.marktheme{
	padding: 1px 5px 1px 24px;
	text-decoration: none;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/palette_plus.png) no-repeat 4px 1px; 
	background: url(https://live.yodle.com/assets/icon/palette_plus.png) no-repeat 4px 1px,-moz-linear-gradient(0% 80% 90deg,#ededed, #fcfcfc);
	background: url(https://live.yodle.com/assets/icon/palette_plus.png) no-repeat 4px 1px,-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed));		
	color: green;
	font-weight:bold;
	margin: 4px 0;
}
button.marktheme:hover {color: #222;}

button.unmarktheme{
	padding: 1px 5px 1px 24px;
	text-decoration: none;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/palette_minus.png) no-repeat 4px 1px; 
	background: url(https://live.yodle.com/assets/icon/palette_minus.png) no-repeat 4px 1px,-moz-linear-gradient(0% 80% 90deg,#ededed, #fcfcfc);
	background: url(https://live.yodle.com/assets/icon/palette_minus.png) no-repeat 4px 1px,-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed));		
	color: #c81d16;
	font-weight:bold;
	margin: 4px 0;
}
button.unmarktheme:hover {color: #222;}

button.imageset{
	padding: 1px 5px 1px 24px;
	text-decoration: none;
	background: #f5f5f5 url(https://live.yodle.com/assets/icon/images.gif) no-repeat 4px 1px; 
	background: url(https://live.yodle.com/assets/icon/images.gif) no-repeat 4px 1px,-moz-linear-gradient(0% 80% 90deg,#ededed, #fcfcfc);
	background: url(https://live.yodle.com/assets/icon/images.gif) no-repeat 4px 1px,-webkit-gradient(linear, left top, left bottom, from(#fcfcfc), to(#ededed));		
	color: #444;
	font-weight:bold;
	margin: 4px 0;
}
button.imageset:hover {color: #222;}



/* New JQUERY Styled Buttons for CM (From Plugin) */
button.dropdown {cursor: default;padding:4px 4px 2px 4px;margin: 0!important;font-size: 12px!important;padding: 1px inherit!important;font-weight: bold!important}
button.dropdown:active,button.dropdown:focus{
	background: #006fff -moz-linear-gradient(#, #);
	background: #006fff -webkit-gradient(linear, left top, left bottom,
                color-stop(0.00, #006fff),   
                color-stop(1.00, #0050ba));
	color: #333;
	border: 1px solid #ccc;}
button.dropdown:hover{border: 1px solid #aaa;}
button.dropdown span.droplist{background: url(https://live.yodle.com/assets/img/arrow-bl-d.png) right no-repeat;padding-right: 20px;}
button.dropdown span.droplist.single{background: url(https://live.yodle.com/assets/img/arrow-bl-d.png) right no-repeat;padding-right: 15px;padding-top:1px;padding-bottom: 0px!important; }

button.dropdown,
button.dropdown:focus,
button.dropdown:active,
button.dropdown:hover,
button.dropdown span img {}
button.dropdown.active {
    -webkit-border-bottom-left-radius: 0;
    -webkit-border-bottom-right-radius: 0;
    -moz-border-radius-bottomleft: 0;
    -moz-border-radius-bottomright: 0;
    border-bottom-left-radius: 0;
    border-bottom-right-radius: 0;
    border-bottom-color: #cacece;

}

/********* Larger Buttons */
button.big{font-size: 14px;font-weight: bold;padding: 6px!important;}
button.big.next{	
	background: #006fff -moz-linear-gradient(#eee, #ccc)!important;
	background: #006fff -webkit-gradient(linear, left top, left bottom,
                color-stop(0.00, #eee),   
                color-stop(1.00, #ccc));
    font-weight: normal!important;   
    padding: 8px 26px!important;  
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;       
}
button.big.next span{background: url(https://live.yodle.com/assets/icon/right_arrow.png) no-repeat right;padding-right: 23px;font-weight: bold!important;}
button.big.previous{	
	background: #006fff -moz-linear-gradient(#eee, #ccc)!important;
	background: #006fff -webkit-gradient(linear, left top, left bottom,
                color-stop(0.00, #eee),   
                color-stop(1.00, #ccc));
    font-weight: normal!important;      
    padding: 8px 26px!important;  
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;           
}
button.big.previous span{background: url(https://live.yodle.com/assets/icon/left_arrow.png) no-repeat left;padding-left: 23px;font-weight: bold!important;}

button.big.check{	
	background: #006fff -moz-linear-gradient(#eee, #ccc)!important;
	background: #006fff -webkit-gradient(linear, left top, left bottom,
                color-stop(0.00, #eee),   
                color-stop(1.00, #ccc));
    font-weight: normal!important;      
    padding: 8px 26px!important;  
    -moz-border-radius: 6px;
	-webkit-border-radius: 6px;           
}
button.big.check span{background: url(https://live.yodle.com/assets/icon/check.png) no-repeat left;padding-left: 23px;font-weight: bold!important;}


/********* Button Style Dropdown Styling */
div.dropdown {
    display: none;
    z-index: 9999999;
    position: absolute;
    font-weight: bold;
    margin-top: -2px;
    padding: 5px 5px;
   	border: 1px solid #ccc;
    color: #aaa;   
    /*   
    -moz-box-shadow: 2px 2px 4px #777;
    -webkit-box-shadow: 2px 2px 4px #777; */
}
div.dropdown.active {background: #f5f5f5;z-index: 100}
div.dropdown ul{margin: 3px 0;}
div.dropdown ul li{padding: 1px 10px 1px 0px;font-size: 12px;}
div.dropdown ul li a:hover{color: #4d7fc4;}
div.dropdown ul li:hover{background: #f3f3f3;cursor: pointer}

a.bttn{background-image:url("https://live.yodle.com/assets/img/input_buttons.gif"); background-repeat:repeat-x; background-color:#f2f2f2; border:1px solid #ccc; -moz-border-radius:3px; -webkit-border-radius:3px; text-decoration:none; font-weight:bold; color: #333; padding: 8px; margin: 10px 0;}