/* Global CSS */
html body {
   padding: 0px;
   margin: 0px;
   align: center;
   height: 100%;
   width: 100%;
}

@font-face {
    font-family: 'Source Sans Pro Light';
    src: url('/resources/woogloo/fontface/sourcesanspro-light-webfont.woff2') format('woff2'),
         url('/resources/woogloo/fontfacesourcesanspro-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Source Sans Pro';
    src: url('/resources/woogloo/fontface/sourcesanspro-regular-webfont.woff2') format('woff2'),
         url('/resources/woogloo/fontface/sourcesanspro-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

#nwgrip, #negrip, #swgrip, #segrip, #ngrip, #egrip, #sgrip, #wgrip {
    width: 10px;
    height: 10px;
    background-color: #ffffff;
    border: 1px solid #000000;
}

#nwgrip {
    left: -5px;
    top: -5px;
}

#negrip{
     top: -5px;
     right: -5px;
}

#swgrip{
    bottom: -5px;
    left: -5px;
}

#segrip{
     bottom: -5px;
    right:-5px;
}

#ngrip{
     top: -5px;
    left:50%;
}

#sgrip{
     bottom: -5px;
    left: 50%;
}

#wgrip{
     left:-5px;
     top:50%;
}

#egrip{
     right:-5px;
     top:50%;
}

.cke_wrapper {
   height: 450px;
}

.CodeMirror-wrapping {
   height: 450px;
}

.editbox {
   overflow: scroll;
   -webkit-overflow-scrolling: touch;
}

.v3-dialog h3 {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   font-size: 17px;
}

.v3-dialog p, .v3-dialog .label, , .v3-dialog label {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   font-size: 14px;
}

.v3-dialog {
	   border: 1px solid #ebebeb;
   	z-index: 1000;
   	background-color: #ffffff;
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	font-size: 14px;
   	
   	-moz-box-shadow: 10px 10px 10px lightgrey;
   	-webkit-box-shadow: 10px 10px 10px lightgrey;
   	box-shadow: 10px 10px 10px lightgrey;
   	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='lightgrey')";
   	filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=10, Direction=135, Color='lightgrey')";
   	
   	filter: "alpha(opacity=90)";
   	opacity: 0.90;
   	-moz-opacity:0.90;
   	-khtml-opacity: 0.90;
   	filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
   	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
}

.v3-dialog-title {
   	//background: url("/public/images/dialog-top.png") repeat-x transparent;
   	background-color: #f5f0e7;
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	text-shadow: 0 1px 1px #ffffff;
   	font-size: 13px;
   	height: 30px;
   	width: 100%;
}

.v3-dialog-titleTable {
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	font-size: 13px;
}

.v3-dialog-closeImage {
   	text-align: right;
   	padding-right: 5px;
   	font-size: 11px;
   	padding-top: 5px;
}

.v3-dialog-body > table, .v3-dialog-body > div > table {
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	font-size: 13px;
   	padding-left: 8px;
   	padding-right: 8px;
}

.v3-dialog-body > div, .v3-dialog-body > div > div > table {
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	font-size: 13px;
}

.v3-dialog-smallerTitleText {
   	text-align: left;
   	height: 20px;
   	font-size: 11px;
}

.v3-dialog-titleText {
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	text-align: left;
   	padding-left: 5px;
   	height: 20px;
   	font-weight: 300;
   	font-size: 16px;
}

.ui-accordion .ui-accordion-header a {
   	font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   	font-size: 13px;
}

.gadget-highlighted {
   border: 4px solid green !important;
}

.div-highlighted {
   border: 4px solid red !important;
}
.gadget-selected {
   border: 1px solid purple !important;
}
.gadget-move-resize, .gadget-reorder, .gadget-slide, .gadget-resize {
   border: 1px solid red !important;
}

.gadget-reorder {
   border: 1px solid red !important;
}

.ui-accordion-header a {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   font-size: 13px;
   letter-spacing: 0px;
}

.ui-tabs-nav li {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif!important;
   font-size: 13px!important;
}

.ui-widget-content p, .ui-widget-content td {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   font-size: 13px;
   color: #000000;
   line-height: 14px;
   margin: 0;
   padding: 0;
}

.b-m-mpanel {
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
	  font-size: 13px;
	  width: 250px;
}

.iconImage {
   width: 22px;
   height: 22px;
}

.alert_success_box {
       position : fixed;
       padding : 10px;
       top : 5%;
       left : 50%;
       margin-left: -150px;
       width : 400px;
       minHeight : 100px;
       text-align : center;
       z-index : 100000;
       font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
			    font-size: 14px;
			    color: black;
			    vertical-align: middle;
			    border: 2px solid #cccccc;
			    box-shadow: 8px 8px 8px #858585;
			    -moz-box-shadow: 8px 8px 8px #858585;
			    -webkit-box-shadow: 8px 8px 8px #858585;
			    ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#858585');
			    filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#858585');
			    filter: alpha(opacity=85);
			    opacity: 0.95;
			    -moz-opacity: 0.95;
			    -khtml-opacity: 0.95;
			    filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
			    -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
			    background-color: #999999;
			    background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));
			    background-image: -webkit-linear-gradient(top, #ffffff, #999999);
			    background-image: -moz-linear-gradient(top, #ffffff, #999999);
			    background-image: -ms-linear-gradient(top, #ffffff, #999999);
			    background-image: -o-linear-gradient(top, #ffffff, #999999);
			    background-image: linear-gradient(top, #ffffff, #999999);
			    filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#999999');
			    -webkit-border-radius: 5px;
			    -moz-border-radius: 5px; 
			    border-radius: 5px;
			    -moz-background-clip: padding;
			    -webkit-background-clip: padding-box;
			    background-clip: padding-box;
			    display: none;
}

._woosCoding {
   padding : 20px;
   top : 50px;
   left : 0px;
   width : 450px;
   minHeight : 100px;
   text-align : center;
   position: absolute;
   z-index : 100000;
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
   font-size: 14px;
   color: black;
   vertical-align: middle;
   border: 2px solid #cccccc;
   box-shadow: 8px 8px 8px #858585;
   -moz-box-shadow: 8px 8px 8px #858585;
   -webkit-box-shadow: 8px 8px 8px #858585;
   ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#858585');
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=8, Direction=135, Color='#858585');
   filter: alpha(opacity=95);
   opacity: 0.95;
   -moz-opacity: 0.95;
   -khtml-opacity: 0.95;
   filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
   -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=95);
   background-color: #999999;
   background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#999999));
   background-image: -webkit-linear-gradient(top, #ffffff, #999999);
   background-image: -moz-linear-gradient(top, #ffffff, #999999);
   background-image: -ms-linear-gradient(top, #ffffff, #999999);
   background-image: -o-linear-gradient(top, #ffffff, #999999);
   background-image: linear-gradient(top, #ffffff, #999999);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#ffffff', EndColorStr='#999999');
   -webkit-border-radius: 5px;
   -moz-border-radius: 5px; 
   border-radius: 5px;
   -moz-background-clip: padding;
   -webkit-background-clip: padding-box;
   background-clip: padding-box;
}

.alert_success_box p {
   padding: 0;
   margin: 0 0 15px 0;
   color: black;
   font-size: 14px;
   font-family: "Source Sans Pro Light", "Helvetica", sans-serif;
}

.alert_success_box .error_message {
   width: 100%;
   padding: 0;
   margin: 0;
   height: 200px;
   overflow: auto;
}

.modal {
   position: fixed;
   top: 50%;
   left: 50%;
   padding: 10px;
   background-color: #fff;
   text-align: left;
   border: 1px solid black;
   -moz-box-shadow: 10px 10px 10px LightGray;
   -webkit-box-shadow: 10px 10px 10px LightGray;
   box-shadow: 10px 10px 10px LightGray;
   /* For IE 8 */
   -ms-filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='LightGray');
   /* For IE 5.5 - 7 */
   filter: progid:DXImageTransform.Microsoft.Shadow(Strength=3, Direction=135, Color='LightGray');
   
   -webkit-border-radius: 15px;
   -moz-border-radius: 15px;
   border-radius: 15px;
}
/* End Global CSS */
/* Project Styles for: Rachna */
/* Project-global CSS goes here */