.boxy-wrapper { position: absolute; }
.boxy-wrapper.fixed { position: fixed; }

/* Modal */

.boxy-modal-blackout { position: absolute; background-color: black; left: 0; top: 0; }

/* Border */

.boxy-wrapper { empty-cells: show; width: 650px;}
.boxy-wrapper .top-left,
.boxy-wrapper .top-right,
.boxy-wrapper .bottom-right,
.boxy-wrapper .bottom-left { width: 10px; height: 10px; padding: 0 }

.boxy-wrapper .top-left { background: url('../img/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { background: url('../img/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { background: url('../img/boxy//boxy-se.png'); }
.boxy-wrapper .bottom-left { background: url('../img/boxy/boxy-sw.png'); }

/* IE6+7 hacks for the border. IE7 should support this natively but fails in conjuction with modal blackout bg. */
/* NB: these must be absolute paths or URLs to your images */
.boxy-wrapper .top-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-nw.png'); }
.boxy-wrapper .top-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-ne.png'); }
.boxy-wrapper .bottom-right { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-se.png'); }
.boxy-wrapper .bottom-left { #background: none; #filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/img/boxy/boxy-sw.png'); }

.boxy-wrapper .top,
.boxy-wrapper .bottom { height: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; }

.boxy-wrapper .left,
.boxy-wrapper .right { width: 10px; background-color: black; opacity: 0.6; filter: alpha(opacity=60); padding: 0; }

/* Title bar */

.boxy-wrapper .title-bar { background:transparent; padding: 4px; position: relative; }
  .boxy-wrapper .title-bar.dragging { cursor: move; }
    .boxy-wrapper .title-bar h2 { font-size: 12px; color: white; line-height: 1; margin: 0; padding: 0; font-weight: normal; }
    .boxy-wrapper .title-bar .close { color: #2A6DCB; position: absolute; top: 6px; right: 6px; font-size: 90%; line-height: 1; }

/* Content Region */

.boxy-inner { background: #008bc4 url(../img/boxes/background/stars-pattern-650x420px.png) repeat-y top left; padding: 0; max-height: 500px; }
.boxy-content { max-height: 500px; overflow: auto; margin-top: 0; background: none;}

h2.boxy-content { height:auto; padding:0; margin: 0px 35px 0px 15px; font-size: 160%; border-bottom:1px solid #DDD;}

.boxy-wrapper .box .box-header h2 {
	padding:0 0 0 20px;
	line-height: 29px;
}

.boxy-wrapper .box h2 .toolbar {
	padding: 4px 10px 0 0;
}

	
	/* Question Boxes */

.boxy-wrapper .question { width: 350px; min-height: 80px; }
.boxy-wrapper .answers { text-align: right; }


/* Help Boxes */
/*.boxy-inner.boxy-info .boxy-content h2{ background: transparent url(../img/boxy/help/info.png) no-repeat top left; padding-left: 45px;}*/


/* =Overwrite GV-Styling */
/*tr > td:first-child {
	background: none;
}
*/
/* =Form */
.boxy-content > form{
	width: 100%;
}

.boxy-content > form > h2{
	display: block;
}

/* =Box */
.boxy-wrapper .box{
	margin: 0;
	color: #fff;
}

.boxy-inner .box-header{
	background: #002138;
	color: #fff;
	height: 27px;
	float:left;
	width:100%;
}

.boxy-inner a{
	color: #fff;
}

.boxy-inner .toolbar,
.boxy-inner .toolbar a{
	color: #fff;
	text-decoration: none;	
}

.boxy-inner .box > .toolbar span a{
	padding-left: 15px;
	background:transparent url(../img/bullets/arrow-white-right-11x10.png) no-repeat scroll left center;
}

/* =Subbox */
.boxy-inner .subbox{
	width: 270px !important;
	margin-right:15px;
}

/* =Lists */

body .boxy-inner .box li{
	float:left;
	width: 540px;
}

*+html body .boxy-inner .box ol,
* html body .boxy-inner .box ol{
	float: none;
	list-style-type: decimal;
}

*+html body .boxy-inner .box dl dd li{
	float:none;
}


body .boxy-inner .box .subbox li{
	float:left;
	width: 270px;
}


/* =Definition Lists*/

body .boxy-inner dl dd{
	font-weight: normal;
	width: auto;
}

body .boxy-inner.contact-form dl dt{
	float:left;
	font-size: 100%;
	vertical-align:middle;
	padding-top: 3px;
	width: 160px;
	margin-right: 10px;	
}

body .boxy-inner.contact-form dl.success-info dt{
	width: 100%;	
}

body .boxy-inner.contact-form dl dd{
	padding-bottom: 5px;
	width: 400px;
}

body .boxy-inner dl div{
	float:left;
	width: 220px;
}

body .boxy-inner .box-content{
	width:100%;
}

/*body .boxy-inner.images.gallery{
	width: 500px;
}
*/
/* =Recommendation*/

.boxy-inner #import-contacts .box-content {
height:220px !important; 
}

.boxy-inner #select-contacts, 
.boxy-inner #import_contacts form
{
	color: white;
	float:left;
	width: 274px;
	padding-bottom: 20px;
}

.boxy-inner #import_contacts form.webmail_inviter {
	margin-left: 40px;
	width: 249px;

}

.boxy-inner .recommendation-message-wrapper{
	float: left;
	margin-left: 20px;
	margin-top: 64px;
	width: 275px;
}

.boxy-inner #select-contacts .table-wrapper{
	height: 210px;
	background: transparent url(../img/inputs/table-274x345px-bg.png) no-repeat scroll left top;
}

.boxy-inner .box .box-content .table-wrapper .no-entries {
	padding: 0;
}

.boxy-inner #recommendation_message_textarea{
	padding:10px 15px 10px 10px;
	width: 249px;
	height: 210px;
	background: transparent url(../img/inputs/text-area-bg-274x230px.png) no-repeat scroll left top;
}

.boxy-inner .recommendation-message-wrapper label{
	margin: 0;
}

/* =Flash */

.boxy-inner #flash-message-box #flashMessage{
	width: 550px;
}

.boxy-inner #flash-message-box #flashMessage.message{
	background: transparent url(../img/flash_message/info-blue-white-25x25.png) no-repeat 20px 4px;
	color: #fff;
}

/* =Paragraphs */
.boxy-inner p{
	margin-bottom: 1em;
	float:left;
	width: 100%;
}

/* =Devices */

body .boxy-inner ul.appstores{
	width: 590px;
}

body .boxy-inner li.appstore-image-wrapper,
body .boxy-inner li.androidmarket-image-wrapper{
 width: 283px;	
}

body .boxy-inner li.appstore-image-wrapper{
	float: left;
}

body .boxy-inner li.androidmarket-image-wrapper{
	float:right;
}


/* Video Boxes*/

body.whitelabelindex .boxy-content,
body.advertiser_campaignsadd .boxy-content{
	max-height: 767px;
}
body.whitelabelindex .boxy-inner .box-content,
body.advertiser_campaignsadd .boxy-inner .box-content{
	width: 747px;
	height:576px;
}
body.whitelabelindex .boxy-inner,
body.advertiser_campaignsadd .boxy-inner{
	background: black;
}
body.whitelabelindex .boxy-wrapper,
body.advertiser_campaignsadd .boxy-wrapper{
	empty-cells: show; 
	width: 767px;
}