/******************************** Basic Structure ********************************/

html {
 font-size: 100%;
 height: 100%;
 margin-bottom: 1px;
 }

body {
 font-family: Arial, Helvetica, sans-serif;
 color: #555;
 font-size: 12px;
 padding-bottom:20px;
 }


/******************************** Elements styling ********************************/

h1, h2, h3, h4, h5, h6 {
 font-family: Arial, Helvetica, sans-serif;
 color: #222;
 font-weight: bold;
 }

h1 { font-family: Calibri, Helvetica, Arial, sans-serif; font-size: 31px; font-weight: bold; color: #fff; 
				 position: absolute; top: -1000px; display:none;
				}
				
h2 { font-size: 22px; padding: 0 0 10px 0; }
h3 { font-size: 15px; padding: 0 0 10px 0; }
h4 { font-size: 13px; padding: 0 0 5px 0; }
h5 { font-size: 12px; padding: 0 0 5px 0; }
h6 { font-size: 12px; padding: 0 0 5px 0; }


a { color: #57a000; text-decoration: none; }
a:hover { color: #000; }
a:active { color: #777; }
a:focus { outline: 1px; }

strong { font-weight: bold; color: #333; }

small 		{ font-size: 0.9em; }

pre { font-family: monospace; }

p {
 padding: 5px 0 10px 0;
 line-height: 1.3em;
 }

/******************************** General Classes ********************************/

.clear {
 clear: both;
 }
				
.align-left {
 float: left;
 }
				
.align-right {
 float: right;
 }

/************ Button ************/
.buttons { width:100%; text-align:right; }
.content-box-header .buttons { width:50%; float:right; text-align:right; padding-right:10px; }

.button {
 display: inline-block;
 background: #459300 url('../images/bg-button-green.gif') top left repeat-x !important;
 border: 1px solid #459300 !important;
 padding: 4px 15px 4px 15px !important;
 line-height:1.3em;
 color: #fff !important;
 font-size: 11px !important;
 cursor: pointer;
 }
 
.button:hover {
 text-decoration: underline;
 }
 
.button:active {
 }
				
a.remove-link {
				color: #bb0000;
				}

a.remove-link:hover {
				color: #000;
				}


/********************************* Icons *********************************/

.icon { float:left; width:16px; height:16px; margin:0 5px -5px 0; }
.icon.red { background: #ff0000; }
.icon.green { background: #00ff00; }
.icon.blue { background: #0000ff; }
.icon.delete { background: url(../images/icons/grey/action_delete.png) no-repeat 0 0; }
.icon.delete:hover { background-image: url(../images/icons/color/action_delete.png); }
.icon.editname { background: url(../images/icons/grey/editname.png) no-repeat 0 0; }
.icon.editname:hover { background-image: url(../images/icons/color/editname.png); }
.icon.sendsms { background: url(../images/icons/grey/sms.png) no-repeat 0 0; }
.icon.sendsms:hover { background-image: url(../images/icons/color/sms.png); }
.icon.sendmms { background: url(../images/icons/grey/mms.png) no-repeat 0 0; }
.icon.sendmms:hover { background-image: url(../images/icons/color/mms.png); }
.icon.edit { background: url(../images/icons/grey/edit.png) no-repeat 0 0; }
.icon.edit:hover { background-image: url(../images/icons/color/edit.png); }
.icon.preview { background: url(../images/icons/grey/search.png) no-repeat 0 0; }
.icon.preview:hover { background-image: url(../images/icons/color/search.png); }
.icon.add { background: url(../images/icons/grey/action_add.png) no-repeat 0 0; }
.icon.add:hover { background-image: url(../images/icons/color/action_add.png); }
.icon.run { background: url(../images/icons/grey/arrow_next.png) no-repeat 0 0; }
.icon.run:hover { background-image: url(../images/icons/color/arrow_next.png); }
.icon.stop { background: url(../images/icons/grey/time.png) no-repeat 0 0; }
.icon.stop:hover { background-image: url(../images/icons/color/time.png); }
.icon.block { background: url(../images/icons/grey/block.png) no-repeat 0 0; }
.icon.block:hover { background-image: url(../images/icons/color/block.png); }
.icon.unblock { background: url(../images/icons/grey/unblock.png) no-repeat 0 0; }
.icon.shortcodes { background: url(../images/icons/grey/editname.png); }
.icon.shortcodes:hover { background-image: url(../images/icons/color/editname.png); }
.icon.unblock:hover { background-image: url(../images/icons/color/unblock.png); }

/******************************** Sidebar ********************************/

#sidebar {
 width: 230px;
 height: 100%;
 position: absolute;
 left: 0;
 top: 0;
 color: #888;
 font-size: 11px;
 }

#sidebar #sidebar-wrapper {
 margin: 0 0 0 9px;
 }

#sidebar a, #sidebar a:active {
 color:#ccc;
 }

#sidebar a:hover {
 color:#fff;
 }


#sidebar #profile-links {
 padding: 0 15px 20px 15px;
 text-align: right;
 line-height: 1.5em;
 }
 
 /************ languageSwitch ************/

#sidebar .languageSwitch { float:right; margin:4px 7px 0 15px; }
#sidebar .languageSwitch img { opacity:0.6; filter:alpha(opacity=60); /* For IE8 and earlier */ }
#sidebar .languageSwitch img:hover { opacity:1.0; filter:alpha(opacity=100); /* For IE8 and earlier */ 
-webkit-transition: opacity 0.5s ease-in-out;
	-moz-transition: opacity 0.5s ease-in-out;
	-o-transition: opacity 0.5s ease-in-out;
	-ms-transition: opacity 0.5s ease-in-out;	
	transition: opacity 0.5s ease-in-out;
}



/************ Sidebar Accordion Menu ************/

#sidebar #main-nav {
 width: 206px;
 padding: 0;
 margin: 0 0 0 15px;
 }

#sidebar #main-nav li {
 list-style: none;
 padding-bottom: 10px;
 text-align: right;
 }


#sidebar #main-nav ul {
 padding: 0;
 font-size: 12px;
 margin: 0;
 display:none;
 }

#sidebar #main-nav ul li {
 list-style: none;
 margin: 0;
 text-align: right;
 padding: 0;
 }


#sidebar #main-nav ul li a:hover,
#sidebar #main-nav ul li a.current,
#sidebar #main-nav ul li a.current:hover {
 color: #fff;
 }


/************ Messages ************/

#messages p,
#messages form {
 border-top: 1px solid #ddd;
 padding: 10px 0;
 }

#messages h4 {
 padding: 10px 0;
 }
				
#messages fieldset {
 margin: 0;
 }
				
#messages textarea {
 margin: 0 0 15px 0;
 }
/******************************** Main Content ********************************/

/************ Layout ************/

#main-content {
 background:#f0f0f0;
 margin: 30px 30px 10px 220px;
 padding:30px 30px 10px 30px;
 min-height: 550px;
 }

.column-left {
 width: 48%;
 float: left;
 }
 
.column-right {
 width: 48%;
 float: right;
 }
 
#page-intro {
 font-size: 17px;
 padding: 0 0 20px 0;
 }

				
#footer {
				margin: 0 30px 10px 230px;
				padding:0;
 }
/************ Lists ************/

#main-content ul,
#main-content ol {
 padding: 10px 0;
 }

/* Unordered List */

#main-content ul li {
 background: url('../images/bullet_black.png') center left no-repeat;
 padding: 4px 0 4px 20px;
 }

/* Ordered List */

#main-content ol {
 padding: 0 0 0 24px;
 }

#main-content ol li {
 list-style: decimal;
 padding: 4px 0;
 }

/*************** Content Box ***************/

.content-box {
 border: 1px solid #ccc;
 margin: 0 0 20px 0;
 background: #fff;
 }

.content-box-header {
 background: #e5e5e5 url('../images/bg-content-box.gif') top left repeat-x;
 margin-top: 1px;
 height: 40px;
 }

.content-box-header h3 {
 padding: 12px 15px 10px;
 float: left;
 }

ul.content-box-tabs {
 float: right;
 padding: 12px 15px 0 0 !important;
				margin: 0 !important;
 }

ul.content-box-tabs li {
 float: left;
 margin: 0;
 padding: 0 !important;
 background-image: none !important;
 }
 
ul.content-box-tabs li a {
 color: #333;
 padding: 8px 10px;
 display: block;
 margin: 1px;
 border-bottom: 0;
 }

ul.content-box-tabs li a:hover {
 color: #57a000;
 } 
 
ul.content-box-tabs li a.current {
 background: #fff;
 border: 1px solid #ccc;
 border-bottom: 0;
 margin: 0;
 }

.content-box-content {
 padding: 20px;
 font-size: 12px;
 border-top: 1px solid #ccc;
 }
 
/************ Table ************/

#main-content table {
 width: 100%;
 border-collapse: collapse;
 }

#main-content table.narrow {
 width: 50%;
 }

 
#main-content table thead th {
 font-weight: bold;
 font-size: 12px;
 border-bottom: 1px solid #ddd;
 vertical-align: bottom;
 }
 
#main-content tbody,
#main-content table tr.border-bottom th,
#main-content table tr.border-bottom td {
 border-bottom: 1px solid #ddd;
}

#main-content table.no-color tbody {
 border-bottom: none;
 background:none;
}
 
#main-content tbody tr {
 background: #fff;
 }
 
#main-content tbody tr.alt-row {
 background: #eee;
 }
 
#main-content table td,
#main-content table th {
 padding: 5px 5px;
 line-height: 1.3em;
 vertical-align:middle;
 } 

#main-content table.no-color td,
#main-content table.no-color th {
 padding: 2px 5px;
} 
				
#main-content table tfoot td .bulk-actions {
 padding: 15px 0 5px 0;
 } 
				
#main-content table tfoot td .bulk-actions select {
 padding: 4px;
				border: 1px solid #ccc;
 } 

.marker-yellow { background:#fff0c4; }
.marker-blue { background:#ccd9eb; }
.marker-green { background:#d4eac4; }
tr.alt-row .marker-yellow { background:#f2e3b7; }
tr.alt-row .marker-blue { background:#bfccde; }
tr.alt-row .marker-green { background:#c7ddb7; }

.marker-yellow-dark { background:#ffe8a6; }
.marker-blue-dark { background:#b2c5e1; }
.marker-green-dark { background:#bee0a6; }

.datalabel { width:180px; float:left; clear:left; }
.datafield { width:30px; text-align:right; float:left; }

/*************** Pagination ***************/

#main-content .pagination {
 text-align: right;
 padding: 20px 0 5px 0;
 font-size: 10px;
 }
.pagination a {
 margin: 0 5px 0 0;
 padding: 3px 6px;
 }

.pagination a.number {
				border: 1px solid #ddd;
 }

.pagination a.current {
 background: #469400 url('../images/bg-button-green.gif') top left repeat-x !important;
 border-color: #459300 !important;
 color: #fff !important;
 }
				
.pagination a.current:hover {
				text-decoration: underline;
 }

/************ Shortcut Buttons ************/

.shortcut-button {
 border: 1px solid #ccc;
 background: #f7f7f7 url('../images/shortcut-button-bg.gif') top left no-repeat;
 display: block;
 width: 120px;
 margin: 0 0 20px 0;
 }

.shortcut-button span {
 border: 1px solid #fff;
 display:block;
 padding: 15px 10px 15px 10px;
 text-align: center;
 color: #555;
 font-size: 13px;
 line-height: 1.3em;
 }

.shortcut-button span img {
 margin-bottom: 10px;
 }

.shortcut-button:hover {
 background: #fff;
				
 }
				
.shortcut-button span:hover {
				color: #57a000; 
 }

ul.shortcut-buttons-set li {
 float: left;
 margin: 0 15px 0 0;
				padding: 0 !important;
				background: 0;
 }

/*************** Forms ***************/

form label {
 display: block;
 padding: 0 0 10px;
 font-weight: bold;
 }
 
form fieldset legend {
 font-weight: bold;
 margin-bottom: 10px;
 padding-top: 10px;
 }
 
form p small {
 font-size: 0.8em;
 color: #777;
 }
				
				
form input.text-input,
form select,
form textarea,
form .wysiwyg {
 padding: 6px;
 font-size: 12px;
 background: #fff url('../images/bg-form-field.gif') top left repeat-x;
 border: 1px solid #d5d5d5;
				color: #333;
 }
 
form .tiny-input {
 width: 50px;
 }

form .small-input {
 width: 100px;
 }
 
form .medium-input {
 width: 300px;
 }
 
form .large-input {
 width: 400px;
 }

form .no-border {
				border:0px;
				padding:0px;
	}

form textarea {
 }
 
form select {
 padding: 4px;
 background: #fff;
 }
				
form input[type="checkbox"],
form input[type="radio"] {
				padding: 0;
 background: none;
				border: 0;
 }

/*************** Notifications ***************/

.help {
 position: relative;
 margin: 0;
 padding: 0;
 background: url('../images/information.png');
 background-position: 10px 11px !important;
 background-repeat: no-repeat !important;
 font-size: 13px;
 width: 99.8%;
 }

.notification {
 position: relative;
 margin: 0 0 15px 0;
 padding: 0;
 border: 1px solid;
 background-position: 10px 11px !important;
 background-repeat: no-repeat !important;
 font-size: 13px;
 width: 99.8%;
 }
 

.attention {
 background: #fffbcc url('../images/exclamation.png') 10px 11px no-repeat;
 border-color: #e6db55;
 color: #666452;
 }

.information {
 background: #dbe3ff url('../images/information.png');
 border-color: #a2b4ee;
 color: #585b66;
 }

.success {
 background: #d5ffce url('../images/tick_circle.png');
 border-color: #9adf8f;
 color: #556652;
 }

.error {
 background: #ffcece url('../images/cross_circle.png');
 border-color: #df8f8f;
 color: #665252;
 }

.notification div,
.help div {
 display:block;
 font-style:normal;
 padding: 10px 20px 10px 36px;
 line-height: 1.5em;
 }

.notification .close,
.notification .hide {
				display:block;
				width:17px;
				height:17px;
 color:#990000;
 font-size:9px;
 position:absolute;
 right:5px;
 top:5px;
 background: url(../images/cross_grey_small.png) no-repeat 5px 5px;
 }
 
#main-content .notification ul {
				padding:0px;
				margin:0px;
				}
.notification ul li {
				padding:0px;
				margin:0px;
				}

/* Notification for form inputs */

.input-notification {
				background-position: left 2px;
				background-repeat: no-repeat;
				padding: 2px 0 2px 22px;
				background-color: transparent;
				margin: 0 0 0 5px;
				}

/* Notification for login page */

#login-wrapper #login-content .notification {
				border: 0;
				background-color: #141414;
				color: #fff !important;
				}
				
/*************************** Inline Notifications ***************************/
				
.label_missing { padding:0; margin:0; }
.label_missing small { color:red; }

/******************************** Login Page ********************************/

body#login {
 color: #fff;
 background: #222 url('../images/bg-login.gif');
				}
				
#login-wrapper {
 background: url('../images/bg-login-top.png') top left repeat-x;
				}

#login-wrapper #login-top {
				width: 100%;
				padding: 140px 0 50px 0;
				text-align: center;
				}
				
#login-wrapper #login-content {
				text-align: left;
				width: 300px;
				margin: 0 auto;
				}
				
#login-wrapper #login-content label {
				color: #fff;
				font-weight: normal;
				font-size: 14px;
				float: left;
				width: 70px;
				padding: 0;
				}
				
#login-wrapper #login-content input {
				width: 200px;
				float: right;
				margin: 0 0 20px 0;
				border: 0;
				background: #fff;
				}
				
#login-wrapper #login-content p {
				padding: 0;
				}
				
#login-wrapper #login-content p#remember-password {
				float: right;
				}
				
#login-wrapper #login-content p#remember-password input {
				float: none;
				width: auto;
				border: 0;
				background: none;
				margin: 0 10px 0 0;
				}
				
#login-wrapper #login-content p .button {
				width: auto;
				margin-top: 20px;
				}

/******************************** jQuery plugins styles ********************************/

/*************** Facebox ***************/

#facebox .b {
 background:url(../images/b.png);
}

#facebox .tl {
 background:url(../images/tl.png);
}

#facebox .tr {
 background:url(../images/tr.png);
}

#facebox .bl {
 background:url(../images/bl.png);
}

#facebox .br {
 background:url(../images/br.png);
}

#facebox {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 100;
 text-align: left;
}

#facebox .popup {
 position: relative;
}

#facebox table {
 border-collapse: collapse;
}

#facebox td {
 border-bottom: 0;
 padding: 0;
}

#facebox .body {
 padding: 10px;
 background: #fff;
 width: 370px;
}

#facebox .loading {
 text-align: center;
}

#facebox .image {
 text-align: center;
}

#facebox img {
 border: 0;
 margin: 0;
}

#facebox .footer {
 border-top: 1px solid #DDDDDD;
 padding-top: 5px;
 margin-top: 10px;
 text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
 height: 10px;
 width: 10px;
 overflow: hidden;
 padding: 0;
}

#facebox_overlay {
 position: fixed;
 top: 0px;
 left: 0px;
 height:100%;
 width:100%;
}

.facebox_hide {
 z-index:-100;
}

.facebox_overlayBG {
 background-color: #000;
 z-index: 99;
}

/*************** jQuery WYSIWYG ***************/

div.wysiwyg { border: 1px solid #cccccc; padding: 5px; background-color: #ffffff; width: 97.5% !important; }
div.wysiwyg * { margin: 0; padding: 0; }

div.wysiwyg ul.panel { border-bottom: 1px solid #cccccc; float: left; width: 100%; padding: 0 0 5px 0; }
div.wysiwyg ul.panel li { list-style-type: none; float: left; margin: 0 2px; padding: 0 !important; background: #ffffff; background-image: none !important;}
div.wysiwyg ul.panel li.separator { height: 16px; margin: 0 4px; border-left: 1px solid #cccccc; }
div.wysiwyg ul.panel li a { display: block; padding: 0 !important; width: 16px; height: 16px; background: url('../images/jquery.wysiwyg.gif') no-repeat -64px -80px; border: 0; cursor: pointer; padding: 1px; }
div.wysiwyg ul.panel li a:hover, div.wysiwyg ul.panel li a.active { }
div.wysiwyg ul.panel li a.active { background-color: #f9f9f9; border: 1px solid #cccccc; border-left-color: #aaaaaa; border-top-color: #aaaaaa; padding: 0; }

div.wysiwyg ul.panel li a.bold { background-position: 0 -16px; }
div.wysiwyg ul.panel li a.italic { background-position: -16px -16px; }
div.wysiwyg ul.panel li a.strikeThrough { background-position: -32px -16px; }
div.wysiwyg ul.panel li a.underline { background-position: -48px -16px; }

div.wysiwyg ul.panel li a.justifyLeft { background-position: 0 0; }
div.wysiwyg ul.panel li a.justifyCenter { background-position: -16px 0; }
div.wysiwyg ul.panel li a.justifyRight { background-position: -32px 0; }
div.wysiwyg ul.panel li a.justifyFull { background-position: -48px 0; }

div.wysiwyg ul.panel li a.indent { background-position: -64px 0; }
div.wysiwyg ul.panel li a.outdent { background-position: -80px 0; }

div.wysiwyg ul.panel li a.subscript { background-position: -64px -16px; }
div.wysiwyg ul.panel li a.superscript { background-position: -80px -16px; }

div.wysiwyg ul.panel li a.undo { background-position: 0 -64px; }
div.wysiwyg ul.panel li a.redo { background-position: -16px -64px; }

div.wysiwyg ul.panel li a.insertOrderedList { background-position: -32px -48px; }
div.wysiwyg ul.panel li a.insertUnorderedList { background-position: -16px -48px; }
div.wysiwyg ul.panel li a.insertHorizontalRule { background-position: 0 -48px; }

div.wysiwyg ul.panel li a.h1 { background-position: 0 -32px; }
div.wysiwyg ul.panel li a.h2 { background-position: -16px -32px; }
div.wysiwyg ul.panel li a.h3 { background-position: -32px -32px; }
div.wysiwyg ul.panel li a.h4 { background-position: -48px -32px; }
div.wysiwyg ul.panel li a.h5 { background-position: -64px -32px; }
div.wysiwyg ul.panel li a.h6 { background-position: -80px -32px; }

div.wysiwyg ul.panel li a.cut { background-position: -32px -64px; }
div.wysiwyg ul.panel li a.copy { background-position: -48px -64px; }
div.wysiwyg ul.panel li a.paste { background-position: -64px -64px; }

div.wysiwyg ul.panel li a.increaseFontSize { background-position: -16px -80px; }
div.wysiwyg ul.panel li a.decreaseFontSize { background-position: -32px -80px; }

div.wysiwyg ul.panel li a.createLink { background-position: -80px -48px; }
div.wysiwyg ul.panel li a.insertImage { background-position: -80px -80px; }

div.wysiwyg ul.panel li a.html { background-position: -48px -48px; }
div.wysiwyg ul.panel li a.removeFormat { background-position: -80px -64px; }

div.wysiwyg ul.panel li a.empty { background-position: -64px -80px; }

div.wysiwyg iframe { border: 0; margin: 5px 0 0 0; clear: left; width: 97.5% !important; }

/******************************** Hide ********************************/
.hide { display:none; }
/* ivrscn */
div.subform {
    margin-top: 1ex;
    padding: 0.5ex;
}

div.subformdetails {
    margin-top: 1ex;
    margin-left: 2ex;
}

.dtmfmap tbody tr td select {
    max-width: 7em;
}

#f_short_answer_max_secs {
    max-width: 3em;
    text-align: right;
    margin-left: 1em;
    margin-right: 1em;
}
textarea#f_body {
    width:95%;
    min-width: 40em;
}

#f_max_delay_mins, #f_min_delay_mins {
    max-width: 5em;
    text-align: right;
}

#main-content table.no-color td.inset {
    padding-left: 3em;
}

.information div table th, .information div table td  {
    background: #dbe3ff;
}

.label_missing {
    color: red;
}