mystyle.css

/* 
    Document   : mystyle
    Created on : Aug 4, 2011, 8:09:17 AM
    Author     : Monideep Purkayastha
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

root { 
    display: block;
}



#wp-admin-bar .padder li.bp-login ul.log-form{
    font-size: 11px;
    background: url(images/60pc_black.png );
    border: none;
}



.login_button{
    margin-top: 8px;
    width:90px;
    height:28px;
    font: 14px Georgia, serif;
    color: #333;
    background: #dadada;
    box-shadow: #cecece;
    -moz-box-shadow: #cecece;
    -webkit-box-shadow: #cecece;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dadada));
    background: -moz-linear-gradient(top,  #f3f3f3,  #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dadada');
}

.lll{
    color:#F5FCB6;
}

.log-form ul a {
    padding:0px;

}

#wp-admin-bar .padder li.bp-search-box ul.search-form{
    font-size: 11px;
    background:url(images/60pc_black.png );
    border:none;


}

#wp-admin-bar .padder li.bp-search-box ul.search-form .search-txt{
    margin-top: 5px;
    margin-bottom:2px;
    padding: 7px 7px;
    width:150px;
    overflow:hidden;
}

#wp-admin-bar .padder li.bp-search-box ul.search-form .search-button{
    display:none;
}

.right{
    float:right;
}

#register {
   
    margin: 5px 5px 5px 0px;
    padding: 0px 0;
    overflow: hidden;
    position: relative;
    width: 580px;
    height: 340px;
}
    #register #first_step, #second_step, #third_step, #fourth_step { display: none; }
    #register #first_step { display: block; }

    #register .form { margin: 10px 0px 10px 0px; }

    #register h1, #register h2 {
        font-family: Cantarell, Verdana, sans-serif;
        text-align: left;
        font-size: 24px;
        text-shadow: 1px 1px 2px #222;
    }
        #register h1 span { color: #a90329; }

    #register h2 {
        color: #888;
        font-size: 20px;
        text-align: left;
        text-shadow: none;
    }

    #register table {
        margin: 0px 0px;
        font-size: 14px;
        font-weight: bold;
    }
        #register table td {
            padding: 5px 10px;
        }
            #register table td:nth-child(2) {
                color: #a90329;
            }

    #register input, #register select {
        background: url('images/input.png') no-repeat;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 300px;
        height: 35px;
        padding: 0 25px;
        margin: 20px 0;
        float: left;

        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
        #register input.submit, #register input.back {
            background: url('images/button.png') no-repeat;
            border: none;
            cursor: pointer;
            width: 85px;
            height: 38px;
            position: relative;
            bottom: 2px;
            left:10px;
        }
            #first_step input.submit { left:480px; }
            #second_step input.submit{left:400px;}
            #third_step input.submit{left:400px;}
            #fourth_step input.submit{left:400px;}
            #register input.submit:focus { border: none; }

        #register input.back{
            background: url('images/back.png') no-repeat;
            left: 20px;
        }
            #register input.back:focus { border: none; }

        #register input.send{ background: url('images/send.png') no-repeat; }

        #register input.error { border: 1px solid red; }
        #register input.valid { border: 1px solid #1FFF00; }

        #register input:focus, #container select:focus {
            border: 1px solid #a90329;
            color: #a90329;
        }

    #register select { padding: 5px 0 5px 25px; }
        #register option { padding: 0 15px; }

    #register label {
        color: #666;
        font-size: 12px;
        font-weight: bold;
        line-height: 14px;
        float: right;
        margin: 10px -10px;
        width: 170px;
    }


#progress_bar {
    background: url('images/progress_bar.png') no-repeat;
    width: 339px;
    height: 24px;
    margin: 0 auto;
    position: relative;
    

}

#progress {
    background: url('images/progress.png') repeat-x;
    width: 0px;
    height: 23px;

    border-radius: 20px;
    -webkit-border-radius: 20px;
    -moz-border-radius: 20px;
}
#progress_text {
    position: relative;
    line-height: 21px;
    text-align: center;
    font-weight: bold;
    color: white;
    text-shadow: 1px 1px 2px #222;
    width: 339px;
    height: 24px;
    top: -23px;
    
}

#main .wrap .logg{
    margin:20px 20px;
}

.logg .left h1 h2{
 font-family: Cantarell, Verdana, sans-serif;
        text-align: center;
        font-size: 35px;
        text-shadow: 1px 1px 2px #222;
}

.logg h1 span { color: #a90329; }

.login_button2{
    
    width:90px;
    height:28px;
    font: 14px Georgia, serif;
    color: #333;
    background: #dadada;
    box-shadow: #cecece;
    -moz-box-shadow: #cecece;
    -webkit-box-shadow: #cecece;
    border-radius: 20px;
    -moz-border-radius: 20px;
    -webkit-border-radius: 20px;
    background: -webkit-gradient(linear, left top, left bottom, from(#f3f3f3), to(#dadada));
    background: -moz-linear-gradient(top,  #f3f3f3,  #dadada);
    filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f3f3f3', endColorstr='#dadada');
}

.txt {
	border: 1px solid #e6e6e6;
	padding: 7px 7px;
	background: #fff url(images/bg-input-gradient.png) repeat-x;
	color: #777;
        width:300px;
	}

        #login_g{
            margin-top:20px;
}

.logg{
    width:750px;
   
}

.demo{
 padding:20px 10px 20px 0 ;
}

.right  .demo .video{
	position: relative;
	display: block;
	}
.video span{
	display: block;
	position: absolute;
	top: 25%;
	left: 35%;
	width: 192px;
	height: 192px;
	background: url(images/watch.png) no-repeat;
	z-index: 99;
	}


.login-error{
 padding:10px 10px;
 
}

#wp-admin-bar .padder ul.main-nav li.search-home{
 margin-left:20px;
 margin-right: 20px;
}

.search-home .outer {
        background: #fff url(images/bg-input-gradient.png) repeat-x;
        color: #888;
        border: 1px solid #ccc;
        font-family: Cantarell, Verdana, sans-serif;
        font-weight: bold;
        font-size: 15px;
        width: 400px;
        height: 24px;
        padding: 0 0px;
        margin: 0px 0;
        float: left;

        border-radius: 6px;
        -moz-border-radius: 6px;
        -webkit-border-radius: 6px;
    }
.search-home input, .search-home select {
        border:0px;
        padding: 0 0;
        width:365px;
        height:24px;

    }
        .search-home input.s-h-b{
            background: url('images/search-icon.png') no-repeat top right;
            border: none;
            cursor: pointer;
            border:0px;
            padding:0 0;
            width:19px;
            height:19px;
        }
        #wp-admin-bar .padder ul .main-nav li .a-left{
            float:left;
}

#wp-admin-bar ul li.notify{
    margin-left:200px;
}

.left h1{
    font-family: Cantarell, Verdana, sans-serif;
        text-align: left;
        font-size: 24px;
        text-shadow: 1px 1px 2px #222;
        padding: 3px 0 0 0;
}

.left .video span{
	display: block;
	position: absolute;
	top: 49%;
	left: 17%;
	width: 192px;
	height: 192px;
	background: url(images/icon-play-video.png) no-repeat;
	z-index: 99;
	}