/*styles - every id represent different style */

/*globals*/
.basic_dhtml {padding:0; margin:0; width:243px; height:122px; font-family:tahoma, arial, sans-serif; text-align:center; background:transparent url(images/main.gif) no-repeat left top;}
.basic_dhtml .min {background-image:url(images/min.gif);}
.basic_dhtml .close {background-image:url(images/close.gif);}
.pic {padding:3px; border:1px solid #ccc; background:#fff; float:left; margin-right:5px; margin-top:4px; display:block;}
.pic img {border:none;}
.main {background:#fff url(images/white_gradient.gif) repeat-x left top; border-left:1px solid #fff; border-right:1px solid #fff; font-size:11px; height:103px; width: 234px; margin:0 auto; text-align:left;}
.main table {font-size:11px;}


/*top*/
.top {height:17px; line-height:17px; text-align:right; width:243px; font-size:10px;}
.small_buttons {float:right; width:38px;}
.min, .close {display:block; width:17px; height:17px; background-position:center center; background-repeat:no-repeat; float:left;}

.top .title {font-size:10px; font-weight:bold; color:#fff; float:left; background:transparent url(images/warn.gif) no-repeat left center; padding-left:25px; margin-left:5px;}

/*main*/
.name {font-size:11px; background:transparent url(images/cam.gif) no-repeat left center; font-weight:bold; text-align:center; padding-left:15px; }
.message { font-weight:bold; color:black !important;}
.button {background: transparent url(images/button.gif) no-repeat left center; width:110px; height:18px; display:block; color:white; font-weight:bold; font-size:10px; text-decoration:none; line-height:18px;}
.button span { padding-left:24px;}




/*colors*/
.name {color:#ff4e00;}


.s250x250 {width:250px; height:250px; background-image:url(images/250x250.gif);}
.s250x250 .name { font-size:14px; font-weight:bold; background:url(images/bigcam.gif) no-repeat center 10px; padding: 60px 0 0 0 ;}
.s250x250 .message {font-size:14px; display:block; text-align:center; margin:5px auto;}
.s250x250 .button { width:150px; height:27px; line-height:27px; background-image:url(images/250button.gif); font-size:12px; margin:0 auto; text-align:left;}
.s250x250 .button span {padding-left:40px; text-align:left;}


.s150x250 {width:150px; height:250px; background-image:url(images/150x250.gif);}
.s150x250 .pic {margin:auto; float:none; margin:7px 5px;}
.s150x250 .name {text-align:left; font-size:14px; background-position:10px 4px; padding-left:30px;}
.s150x250 .message {padding-left:30px; display:block; margin:2px 0 5px 0;}