/**
 *	Layout CSS
 */
#main {width:970px; margin:0 auto; position:relative; z-index:3}
#header {height:319px; background:url(images/header-bg.jpg) no-repeat -2px bottom;}
#header, #content, #footer { font-size:0.814em;}
.col-1, .col-2, .col-3 { float:left;}
/*======= index.html =======*/
#page1 #content .col-1 { width:693px;}
#page1 #content .col-2 { width:273px;}
/*======= index-1.html =======*/
#page2 #content .col-1 {width:693px;}
#page2 #content .col-1 .col-1 { width:282px; margin-right:32px;}
#page2 #content .col-1 .col-2 { width:282px;}
#page2 #content .col-2 { width:273px;}
/*======= index-2.html =======*/
#page3 #content .col-1 {width:693px;}
#page3 #content .col-1 .col-1 { width:282px; margin-right:32px;}
#page3 #content .col-1 .col-2 { width:288px;}
#page3 #content .col-2 { width:273px;}
/*======= index-3.html =======*/
#page4 #content .col-1 {width:693px;}
#page4 #content .col-1 .col-1 { width:244px;}
#page4 #content .col-1 .col-2 { width:352px;}
#page4 #content .col-2 { width:273px;}
/*======= index-4.html =======*/
#page5 #content .col-1 {width:693px;}
#page5 #content .col-1 .col-1 { width:282px; margin-right:32px;}
#page5 #content .col-1 .col-2 { width:288px;}
#page5 #content .col-2 { width:273px;}
/*======= index-5.html =======*/
#page6 #content .col-1 {width:693px;}
#page6 #content .col-1 .col-1 { width:282px; margin-right:32px;}
#page6 #content .col-1 .col-2 { width:288px;}
#page6 #content .col-2 { width:273px;}
/*======= index-6.html =======*/
#page7 #content .col-1 {width:693px;}
#page7 #content .col-1 .col-1 { width:294px;}
#page7 #content .col-1 .col-2 { width:306px;}
#page7 #content .col-2 { width:273px;}
/*=========================*/
#footer {height:118px;}
/**
 *	Style CSS
 */
* { margin:0; padding:0;}
body { background:url(images/tail-body.gif); font-family:Tahoma, Geneva, sans-serif; font-size:100%; line-height:1em; color:#272d34; min-width:966px;}
input, textarea, select { font-family:Tahoma, Geneva, sans-serif; font-size:1em;}
p { margin:0; padding:0;}
.fleft { float:left;}
.fright { float:right;}
.clear { clear:both;}
.alignright { text-align:right;}
.aligncenter { text-align:center;}
.wrapper { width:100%; overflow:hidden;}
.container { width:100%;}
.tail-top { background:url(images/tail-top.gif) left top repeat-x;}
.tail-top-left { position:absolute; left:0; top:0; width:50%; height:727px; background:url(images/tail-top-left.gif) no-repeat left top; z-index:2}
.tail-top-left1 { position:absolute; left:0; top:0; width:50%; height:727px; background:url(images/tail-top-left1.gif) repeat-x left 140px; z-index:1}
/*==================forms====================*/
input, select { vertical-align:middle; font-weight:normal;}
img {border:0; vertical-align:top; text-align:left;}
.form { width:272px; height:45px; background:url(images/input-bg.jpg) no-repeat left top;}
.form span { display:block; padding-left:18px;}
.form input { background:none; border:0; float:left; padding-top:13px; width:200px;}
.form a { float:right;}
.form1 { width:214px; height:26px; background:url(images/input-bg1.gif) no-repeat left top; margin-bottom:12px;}
.form1 span { display:block; padding:3px 0 0 11px;}
.form1 input { background:none; border:0; color:#c8c8c8;}
.form2 { height:31px;}
.form2 input {width:283px; padding:3px 0 3px 3px; background:none; border:1px solid #a4a4a4; font-size:.92em;}
textarea { width:301px; height:79px; overflow:auto; background:none; border:1px solid #a4a4a4; padding:3px 0 0 3px; font-size:.92em;}
form .buttons { width:100%; overflow:hidden;}
form .buttons span { padding-right:15px; display:block;}
form .buttons a { float:right; margin-left:5px;}
/*==================list====================*/
ul { list-style:none;}
.site-nav { width:100%; overflow:hidden;}
.site-nav li { float:left;}
.list { margin-top:-8px;}
.list li { padding:8px 0 0 23px; background:url(images/marker-1.gif) no-repeat left 8px; font-weight:bold; color:#4ba6f8;}
.list li b { color:#000;}
.list li a { color:#4ba6f8;}
.list1 { padding-top:6px;}
.list1 li { color:#fff; line-height:1.38em;}
.list1 li a { color:#fff;}
.list2 li { padding-bottom:8px; background:url(images/line-2.gif) repeat-x bottom; margin-bottom:10px;}
.list2 li.last { margin-bottom:0; background:none; padding-bottom:0;}
.list2 li em { padding-left:21px; background:url(images/marker-2.gif) no-repeat left top; font-style:normal; display:block;}
.list2 li span { display:block; color:#c3cad4; font-size:.92em; line-height:1.33em;}
.list2 li a { /*color:#4ba6f8;*/ color:#E89D1E; font-weight:bold;}
.list3 li { padding-bottom:8px; background:url(images/line-2.gif) repeat-x bottom; margin-bottom:10px;}
.list3 li.last { margin-bottom:0; background:none; padding-bottom:0;}
.list3 li b { color:#4ba6f8;}
.list3 li cite { display:inline-block; font-style:normal; color:#c3cad4; font-size:.92em; line-height:1.33em;}
.list3 li span { display:inline-block; color:#c3cad4; font-size:.92em; line-height:1.33em;}
.list4 { padding-bottom:3px;}
.list4 li { font-weight:bold; padding:0 0 8px 21px; background:url(images/marker-2.gif) no-repeat left top;}
.list4 li a { color:#4ba6f8;}
.list5 li { padding-bottom:20px; margin-bottom:20px; background:url(images/line.gif) repeat-x bottom;}
.list5 li.last { margin-bottom:0; background:none; padding-bottom:0;}
.list5 li b { font-weight:bold; display:block; margin-bottom:15px;}
.list6 { margin-top:-25px;}
.list6 li { padding-top:25px;}
.list6 li a img { display:block; margin-bottom:22px;} 
.list6 li a span { color:#4ba6f8; font-weight:bold; text-decoration:underline;}
.list6 li a:hover span { text-decoration:none;}
/*==================other====================*/
.img-box img { margin-bottom:25px; display:block;}
.img-box1 { width:100%; overflow:hidden; padding-top:4px;}
.img-box1 img { float:left; margin:-4px 20px 0 0;}
.p1 { margin-bottom:15px;}
.phone { float:right; margin-right:160px;}
/*==================txt, links, lines, titles====================*/
a {color:#272d34;}
a:hover{text-decoration:none;}
h3 { font-size:2.31em; color:#000; font-weight:normal; line-height:1.2em; margin-bottom:16px;}
h4 { color:#878787; font-size:1em; font-weight:normal; margin-bottom:10px; line-height:1.15em;}
h5 { font-size:1.85em; color:#fff; font-weight:normal; margin-bottom:16px; line-height:1.2em;}
h6 { color:#4ba6f8; font-size:1em; line-height:1.15em;}
h6 a { color:#4ba6f8;}
.txt1 { color:#4ba6f8; font-weight:bold;}
.links { width:100%; overflow:hidden;}
.links a { margin-right:3px;}
.link { display:block; float:left; color:#fff; background:url(images/link-bgd.gif) repeat-x top; font-size:1.08em; text-decoration:none; line-height:.92em; text-transform:uppercase;}
.link em { display:block; background:url(images/link-left.gif) no-repeat left top;}
.link b { display:block; background:url(images/link-right.gif) no-repeat right top; padding:10px 16px 10px 16px; font-style:normal;}
.link span { text-transform:none;}
.link:hover { text-decoration:underline;}
.link1 { display:block; float:left; background:url(images/link1-right.gif) no-repeat right top; color:#7c7c7c; font-size:1em; text-decoration:none; line-height:.92em;}
.link1 em { display:block; background:url(images/link1-left.gif) no-repeat left top; padding:0 5px;}
.link1 b { display:block; background:url(images/link1-bgd.gif) repeat-x top; padding:9px 9px 10px 9px; font-style:normal;}
.link1 span { display:block; background:url(images/icon.gif) no-repeat left top; padding:3px 0 4px 20px; margin:-3px 0 -4px 0;}
.link1:hover { text-decoration:underline;}
.line-hor { background:url(images/line.gif) repeat-x top; height:1px; margin:20px 0 13px 0; font-size:0; line-height:0;}
.line-hor1 { background:url(images/line-1.gif) repeat-x top; height:2px; margin:20px 0 18px 0; font-size:0; line-height:0;}
.line-hor2 { background:url(images/line.gif) repeat-x top; height:1px; margin:20px 0 20px 0; font-size:0; line-height:0;}
.line-hor3 { background:url(images/line.gif) repeat-x top; height:1px; margin-top:20px; font-size:0; line-height:0;}
/*==================boxes====================*/
.box { background:#fff; width:100%;}
.box .border-top {background:url(images/border-top.gif) repeat-x top; width:100%;}
.box .border-bot {background:url(images/border-bot.gif) repeat-x bottom; width:100%;}
.box .border-left {background:url(images/border-left.gif) repeat-y left;}
.box .border-right {background:url(images/border-right.gif) repeat-y right;}
.box .left-top-corner {background:url(images/left-top-corner.gif) no-repeat left top;}
.box .right-top-corner {background:url(images/right-top-corner.gif) no-repeat right top;}
.box .left-bot-corner {background:url(images/left-bot-corner.gif) no-repeat left bottom; width:100%;}
.box .right-bot-corner {background:url(images/right-bot-corner.gif) no-repeat right bottom; }
.box .border-right1 {background:url(images/border-right1.gif) repeat-y right;}
.box .right-top-corner1 {background:url(images/right-top-corner1.gif) no-repeat right top;}
.box .right-bot-corner1 {background:url(images/right-bot-corner1.gif) no-repeat right bottom;}
.box .min-height { min-height:815px; height:auto!important; height:815px;}
.box .inner { padding:45px 38px 52px 40px;}
.box1 { background:#373f49; width:100%;}
.box1 .border-top {background:url(images/border-top1.gif) repeat-x top;}
.box1 .border-bot {background:url(images/border-bot1.gif) repeat-x bottom;}
.box1 .border-right {background:url(images/border-right2.gif) repeat-y right;}
.box1 .right-top-corner {background:url(images/right-top-corner2.gif) no-repeat right top;}
.box1 .right-bot-corner {background:url(images/right-bot-corner2.gif) no-repeat right bottom; width:100%;}
.box1 .inner { padding:24px 30px 46px 18px;}
.box1 p { color:#c3cad4; font-size:.92em;}

#aishomepage .box .left-top-corner {background:url(images/home-img-top-left.jpg) no-repeat left top;}
#aishomepage .box .left-bot-corner {background:url(images/home-img-bottom-left.jpg) no-repeat left bottom; width:100%;}

#aishomepage .box .right-top-corner1 {background:url(images/home-img-top-right.jpg) no-repeat right top;}
#aishomepage .box .right-bot-corner1 {background:url(images/home-img-bottom-right.jpg) no-repeat right bottom;}

/*header*/
#header .row-1 { width:100%; overflow:hidden; height:107px;}
#header .row-1 .fleft { padding:35px 0 0 21px;}
#header .row-1 .fright { padding:37px 6px 0 0;}
#header .row-2 { height:67px;}
#header .slogan { position:absolute; left:34px; top:205px;}
#header .button { position:absolute; right:2px; top:187px;}
/*content*/
#content { padding:0 2px;}
#content .indent { padding-bottom:26px;}
#content p { line-height:1.15em;}
#content .box1 p { line-height:1.33em;}
/*footer*/
#footer p { color:#fff; font-weight:bold; padding:27px 0 0 21px;}
#footer p a { color:#fff;}
/*==========================================*/
ul#icons {margin: 0; padding: 0;}
ul#icons li {margin: 2px; position: relative; padding: 4px 0; cursor: pointer; float: left;  list-style: none;}
ul#icons span.ui-icon {float: left; margin: 0 4px;}
.ui-custom-button {padding: .4em 1em .4em 20px;text-decoration: none;position: relative;margin-right:1em;}
.ui-custom-button span.ui-icon {margin: 0 5px 0 0;position: absolute;left: .2em;top: 50%;margin-top: -8px;}
a.lang-flags { margin: 0 1em 0 0; }
img.lang-flags { border: none; }

#contact-form table {margin:0 0 .5em 0;}
#contact-form #message {width:301px; height:70px;}
#contact-form .txtbx {width:283px; padding:3px 0 3px 3px; background:none; border:1px solid #a4a4a4; font-size:.92em; margin:0 0 5px 0;}

#get-premiun-audio-dialogue #contact-form .txtbx {width:283px; background-color:#FFF; }

.txtbx .ui-state-error, #contact-form input.ui-state-error, #contact-form textarea.ui-state-error, #get-premiun-audio-dialogue #contact-form .ui-state-error {border: 1px solid #cd0a0a; background-color: #fef1ec; color: #cd0a0a; }

.watermarked {color:#A4A4A4; font-style:italic;}
.transparent {background-color:transparent;}

.js-required, .none {display:none;}

.ui-msg {margin-top: 20px; padding: 0 .7em;}
.txt-embed-icon {float: left; margin-right: .3em;}

.tborder{border:1px #000 solid}

.justify { text-align:justify; }

.p-left-img { text-align:justify; clear:both; margin-bottom:50px; }
.p-left-img img { float:left; margin-right:15px; }

.img-spacing img { margin-bottom:10px; }

/************************************************************************************************************/
/************* Player Styles ********************************************************************************/
/************************************************************************************************************/

.player-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; background-image: url(images/player_icons.png); }

.player-play-icon { background-position:-53px -28px; height:35px; width:35px; }
.player-pause-icon { background-position:-411px -28px; height:35px; width:35px; }
.player-next-icon { background-position:-94px -31px; height:29px; width:29px; }
.player-prev-icon { background-position:-18px -31px; height:29px; width:29px; }

.player-play-icon-mouse-down { background-position:-53px -123px; }
.player-pause-icon-mouse-down { background-position:-411px -123px; }
.player-next-icon-mouse-down { background-position:-94px -126px; }
.player-prev-icon-mouse-down { background-position:-18px -126px; }

#songposition.ui-slider { position: relative; text-align: left; }
#songposition.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 9px; height: 9px; cursor: pointer; }
#songposition.ui-slider-horizontal { height: 5px; }
#songposition.ui-slider-horizontal .ui-slider-handle { top: -1px; margin-left: -5px; }

#songloadprogress.ui-progressbar { height:5px; text-align: left; }
#songloadprogress.ui-progressbar .ui-progressbar-value { margin:0; }
#songloadprogress .ui-widget-header { border:none; background-color:#880000; background-image:none; }
#songloadprogress .ui-corner-left { -moz-border-radius-topleft:0; -webkit-border-top-left-radius:0; -moz-border-radius-bottomleft:0; -webkit-border-bottom-left-radius:0; }
#songloadprogress .ui-corner-right {  -moz-border-radius-topright:0; -webkit-border-top-right-radius:0; -moz-border-radius-bottomright:0; -webkit-border-bottom-right-radius:0; }

#songposition.ui-corner-all, #songloadprogress.ui-corner-all { -moz-border-radius: 0; -webkit-border-radius: 0; }

#songposition.ui-widget-content { border-bottom:none; background-image:none; }
#songloadprogress.ui-widget-content { border-top:none; border-bottom:none; background-image:none; }

#songposition .ui-widget-header { border:none; background-color:#880000; background-image:none; }

#player-controls { height:50px; background: #555555 url('../img/player-controls-bg.png') repeat-x;  }

#play-controls { width:93px; padding-top:10px; margin:0 15px 0 15px; float:left; }
#volume-control-wrapper { float:left; margin:20px 15px 0 15px; }
#play-info { float:left; background: #ffffcc url('../img/play-info-bg.gif') repeat-x scroll left top; width:550px; height:35px; margin: 5px 15px 0 15px; overflow:hidden; padding: 2px 5px 2px 5px; }
#play-info .title-artist { font-weight:normal; }
#play-info .info { width:548px; overflow:hidden; text-align:center }

#volume { float:left; width:100px; margin:5px 5px 0 3px; }
#volume.ui-slider { position: relative; text-align: left; }
#volume.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 8px; height: 8px; cursor: pointer; }
#volume.ui-slider-horizontal { height: 5px; }
#volume.ui-slider-horizontal .ui-slider-handle { top: -3px; margin-left: -5px; }

#volume-off, #volume-on { cursor:pointer }

.grd-wrapper {border:1px #99BBE8 solid;overflow:hidden;white-space:nowrap;height:400px;}
.grd-wrapper .grd-header-wrp {background: #F9F9F9 url(http://www.thecloudplayer.com/images/fade-22px.png) repeat-x;}
.grd-wrapper .grd-header .grd-row-td-cnt {padding:1px 3px 1px 5px;}

.grd-wrapper .grd-body-wrp {}
.grd-wrapper .grd-body-wrp .grd-body {overflow:auto;height:380px}
.grd-wrapper .grd-body .grd-row {margin-bottom:1px;}
.grd-wrapper .grd-body .grd-row-td-cnt {padding:0px 3px 0px 5px;}
.grd-wrapper .grd-body .grd-row-selected {background-color:#0B9EF1;color:#FFFFFF;}

.grd-wrapper .grd-row {border-color:#FFF #EDEDED #EDEDED #FFF; border-style:none solid solid none; border-width:1px;}
.grd-wrapper .grd-row-tbl {}
.grd-wrapper .grd-row-tr {}
.grd-wrapper .grd-row-td {cursor:pointer;width:100px;}
.grd-wrapper .grd-row-td-cnt {white-space:nowrap;overflow:hidden;}

.grd-wrapper .grd-alt-row {background-color:#FAFAFA;}
.grd-wrapper .grd-body .grd-row-hover {background-color:#99CCFF;color:#FFFFFF;font-weight:bold;}

.grd-loading-ply-lst {}

/************************************************************************************************************/
/************* Videos Page **********************************************************************************/
/************************************************************************************************************/

.embed-container { float:left; width:600px; height:360px; margin:0 0 5px 0; background-color:#eee; }
.video-list-container { float:right; height:675px; border:1px #CACBCD solid; width:280px; overflow:auto; }
.bottom-left-content { float:left; height:153px; width:319px; overflow:hidden; border-bottom:1px #CACBCD solid; }

.video-list-container .item { float:left; width: 245px; padding:3px; margin:5px 0 0 5px; cursor:pointer; }
.video-list-container .icon { float:left; width: 65px; margin-right:3px; overflow:hidden; white-space:nowrap; background-color:#EEE; }
.video-list-container .info { float:left; width: 173px; overflow:hidden; white-space:nowrap; }
.video-list-container .icon, .video-list-container .info { height:60px; }

.video-list-container .info .title { height:20px;  }
.video-list-container .info .artist { height:20px; font-style:italic; font-size:80%;  }
.video-list-container .info .rating { height:20px;  }

.video-list-container .item.hover { border:1px #CACBCD dashed; }
.video-list-container .item.selected { border:1px #8D8D8D solid; background-color:#B7B7B7; }

.bottom-left-content .video-info { border-bottom:1px #CACBCD solid; padding:5px; margin-bottom:5px; }
.bottom-left-content .video-info .title { font-weight:bold; }
.bottom-left-content .video-info .artist { font-style:italic; }
.bottom-left-content .video-info .description { height:100px; overflow:auto; }

#video-type-tabs { border-bottom:1px #9CA3AB solid; margin:0 auto; margin-bottom:15px; overflow:hidden; }
#video-type-tabs .tabs { width:415px; margin:0 auto; white-space:nowrap; overflow:hidden; }
#video-type-tabs .tab { cursor:pointer; border:1px #CBCACF solid; border-bottom:none; background-color:#EAEAEA; width:100px; margin:0 5px 0 0; padding:5px 15px 5px 15px; float:left; font-weight:bold; text-align:center; }
#video-type-tabs .tab.selected { border:1px #CACBCD solid; border-bottom:none; background-color:#CACBCD; }