/*   
Theme Name: TA College
Author: Eventure Internet Limited
Author URI: http://www.eventureinternet.com/
Version: 1
*/

body
{
    margin: 0;
    font-family: Arial, Helvetica, sans-serif;
    height: 100%;
    background: url(/wp-content/themes/ta_college/images/themes/main/body-bg.jpg) repeat-x #6e6e6e;
}
html
{
    height: 100%;
}
* :focus
{
    outline: 0;
}
a
{
    cursor: pointer;
}
.displayblock
{
    display: block;
}
.clearboth
{
    clear: both;
}
p
{
    padding: 0;
    margin: 0;
}
blockquote
{
    margin: 0 0 0 30px;
}
.floatleft
{
    float: left;
}
.floatright
{
    float: right;
}
.nopadding
{
    padding: 0;
}
.textcenter
{
    text-align: center;
}
.textleft
{
    text-align: left;
}
img
{
    padding: 0;
    margin: 0;
    border: 0;
}
ul
{
    margin: 0;
    padding: 0;
}
ol
{
    margin: 0;
    padding: 0;
}
form, fieldset, legend
{
    margin: 0;
    padding: 0;
    border: none;
    display: inline;
}
span.clear_floats
{
    clear: both;
    display: block;
    font-size: 0;
    height: 0;
    margin: 0;
    padding: 0;
    overflow: hidden;
    width: 100%;
}
embed, object
{
    display: block;
    margin: 0;
    padding: 0;
}
.clearfloats
{
    clear: both !important;
}
.hidden
{
    display: none !important;
}
.singlelinebreak
{
    margin-bottom: 0 !important;
    padding-bottom: 0 !important;
}

/* end */

#maincontainer
{
    width: 964px;
    margin: auto auto;
    position: relative;
}
#flash
{
    position: absolute;
    top: 111px;
    right: 20px;
    width: 666px;
    height: 337px;
}
#flash2
{
    position: absolute;
    top: 111px;
    right: 20px;
    width: 666px;
    height: 56px;
}
.applynow
{
    position: absolute;
    top: 464px;
    right: 24px;
}
#topheader
{
    height: 34px;
}
#topheader form
{
    float: left;
}
.loginfields
{
    font-size: 12px;
    color: #b6b6b6;
    margin: 6px 5px 0 0;
    padding: 2px;
    width: 90px;
    float: left;
}
.loginimg
{
    margin: 7px 5px 0 0;
    float: left;
    display: block;
}
.topimg
{
    float: right;
    display: block;
    margin: 0 0 0 15px;
}
#maincontentcontainer
{
    clear: left;
    background: url(/wp-content/themes/ta_college/images/themes/main/maincontent-strip.jpg) repeat-y;
    overflow: hidden;
    padding: 0 0 10px 0;
}
#maincontent
{
    background: url(/wp-content/themes/ta_college/images/themes/main/maincontent-top.jpg) repeat-x;
    padding: 10px 20px 10px 20px;
    overflow: hidden;
}
.logoimage
{
    float: left;
    display: block;
    padding: 16px 0 15px 0;
}
#telephone
{
    clear: right;
    padding: 10px 30px 0 0;
    float: right;
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 29px;
    color: #fff;
}
.topbox
{
    width: 250px;
    background: url(/wp-content/themes/ta_college/images/themes/main/nextcourse-strip.jpg) repeat-y;
    margin: 0 0 10px 0;
}
.topboxcontent
{
    padding: 10px 15px 10px 15px;
    font-size: 12px !important;
    color: #959595 !important;
}
.topboxcontent p
{
    padding: 0 0 5px 0 !important;
    text-align: justify !important;
}
.topboxcontent strong,
.bluedate
{
    font-size: 13px !important;
    font-weight: normal;
    color: #00a9dc !important;
}
.readmoreimage
{
    float: left;
    display: block;
    padding: 5px 0 10px 0;
}
#content
{
    clear: both;
    padding: 15px 0 0 0;
    overflow: hidden;
}
#blog
{
    width: 240px;
    border-right: 1px dashed #e0e0e0;
    padding: 0 10px 0 0;
    float: left;
}
#blogcontent
{
    width: 220px;
    padding: 0 0 0 20px;
}
A.bloglink
{
    text-decoration: none;
    font-size: 12px;
    font-weight: bold;
    color: #00a9e0;
    display: block;
    padding: 10px 0 2px 0;
    line-height: 16px;
}
A:hover.bloglink
{
    color: #d97e07;
}


A.clickhere
{
    text-decoration: none;
    font-size: 12px;
    color: #00a9e0;
}
A:hover.clickhere
{
    color: #d97e07;
}

.orangedate
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 16px !important;
    color: #d97e07 !important;
}
#blog p
{
    font-size: 12px;
    color: #838383;
    padding: 2px 0 2px 0;
}
#homepage
{
    width: 655px;
    float: right;
    padding: 0 5px 0 0;
}
#homepage h1
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 22px;
    font-weight: normal;
    color: #00a9e0;
    margin: 0;
    padding: 0 0 10px 0;
}
#homepage p
{
    font-size: 13px;
    color: #585858;
    padding: 0 0 10px 0;
    line-height: 18px;
}
#homepage strong
{
    color: #222;
}
#homepage a
{
    text-decoration: none;
    color: #00a9e0;
}
#homepage a:hover
{
    color: #d97e07;
}
#homepage a:active, #subpage a:focus
{
    color: #000;
}


#subpage
{
    margin: -10px 0 0 0;
    width: 660px;
    float: right;
}
#subpage h1
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 22px;
    font-weight: normal;
    color: #00a9e0;
    margin: 0;
    padding: 0 0 10px 0;
}
#subpage h2
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 18px;
    font-weight: normal;
    color: #d97e07;
    margin: 0;
    padding: 10px 0 10px 0;
}
#subpage h2 a
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 18px;
    font-weight: normal;
    color: #d97e07;
    margin: 0;
    padding: 10px 0 10px 0;
}
#subpage h3
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 15px;
    font-weight: normal;
    color: #d97e07;
    margin: 0;
    padding: 10px 0 10px 0;
}
#subpage p
{
    font-size: 13px;
    color: #585858;
    padding: 0 0 10px 0;
    line-height: 20px;
}
#subpage strong
{
    color: #333;
}
#subpage a
{
    text-decoration: none;
    color: #00a9e0;
}
#subpage a:hover
{
    color: #d97e07;
}
#subpage a:active, #subpage a:focus
{
    color: #000;
}
#subpage li
{
    font-size: 12px;
    color: #585858;
    padding: 0 0 4px 0;
    margin: 0 0 0 35px;
}
#subpage ul, #subpage ol
{
    padding: 0 0 4px 0;
}

#applynow label
{
    clear: both;
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    width: 175px;
    display: block;
    float: left;
    padding: 4px 8px 0 0;
    text-align: right;
}


#applynow .confirmText
{
    clear: both;
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    width: 175px;
    display: block;
    float: left;
    padding: 4px 8px 0 0;
    text-align: left;
}

#applynow input, #applynow textarea
{
    width: 300px;
    float: left;
    padding: 2px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #363b3a;
}

.checkboxes input
{
    width: 20px !important;
    float: left;
    padding: 2px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #363b3a;
}

.checkboxes label
{
    clear: none !important;
    width: auto !important;
}

#register label
{
    clear: both;
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    width: 175px;
    display: block;
    float: left;
    padding: 4px 8px 0 0;
    text-align: right;
}
#register input, #register textarea, #register select
{
    width: 300px;
    float: left;
    padding: 2px;
    margin: 0 0 8px 0;
    font-size: 12px;
    color: #363b3a;
}
.submitbtn
{
    width: 130px !important;
    margin: 0 0 0 150px;
}
#submitbutton
{
    clear: both;
    padding: 10px 0 0 182px;
}

















.footerlogo
{
    display: block;
    float: right;
    padding: 1px 10px 0 0;
}
#footerleft
{
    padding: 5px 0 10px 10px;
    width: 500px;
    float: left;
}
#footerleft p
{
    font-size: 11px;
    color: #999;
    width: 500px;
}
#footerleft a
{
    font-size: 11px;
    color: #e19839;
    display: block;
    float: left;
    padding: 5px 0 0 0;
    text-decoration: none;
}
#footerleft a:hover
{
    color: #FFFFFF;
}

/* News and Links Engineer */

div.News_HeadLine a
{
    font-size: 13px;
    color: #231f20;
    font-weight: normal;
    text-decoration: none;
    font-weight: bold;
}
div.News_HeadLine a:hover
{
    font-size: 13px;
    color: #04049d;
    font-weight: normal;
    text-decoration: underline;
    font-weight: bold; ;
}
.News_Date
{
    font-size: 14px;
    color: #04049d;
    font-weight: bold;
    padding: 4px 0 4px 0;
}
.News_Description
{
    font-size: 11px;
    color: #797979;
    padding: 0 0 10px 0;
}
#morenews
{
    text-align: left;
}
#morenews a
{
    font-size: 11px;
    color: #04049d;
    text-decoration: none;
}
#morenews a:hover
{
    font-size: 11px;
    color: #04049d;
    text-decoration: underline;
}









/* POPUP CSS */
#popup-container
{
    background: #363b3a;
}
#popup
{
    width: 800px;
    height: 600px;
    background: url(/wp-content/themes/ta_college/images/themes/main/popup-bg.jpg) no-repeat #363b3a;
}
.closepopup
{
    display: block;
    float: right;
    margin: 16px 7px 0 0;
}
#popup-topheader
{
    height: 48px;
}
#popup h1
{
    font-weight: normal;
    padding: 5px 0 0 7px;
    margin: 0;
    float: left;
    font-size: 30px;
    font-family: Georgia, "Times New Roman" , Times, serif;
    color: #FFF;
}
#popup h2
{
    font-weight: normal;
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 20px;
    color: #02aadb;
    font-family: Georgia, "Times New Roman" , Times, serif;
}
#popup-header
{
    clear: both;
    padding: 8px 15px 0 15px;
    height: 100px;
}
#popup-header p
{
    font-size: 12px;
    color: #4c4c4c;
    line-height: 14px;
}
#popup-outercontent
{
    height: 415px;
    margin: 10px 15px 10px 15px;
    overflow: auto;
}
#popup-content
{
    height: 420px;
    width: 750px;
}
#yourdetails
{
    background: #e4e4e4;
    width: 750px;
    font-size: 12px;
    color: #363b3a;
    padding: 10px 0 10px 0;
    font-weight: bold;
    margin: 0 0 10px 0;
}
#yourdetails input
{
    width: 240px;
}
.smallcell
{
    width: 115px;
    text-align: right;
}
.indicatortext
{
    font-weight: normal;
    font-size: 10px;
    text-align: right;
}
#courseselect
{
    background: #e4e4e4;
    padding: 10px;
}
#courseselect p
{
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    padding: 3px 0 5px 0;
}
#courseselect input
{
    float: left;
    clear: left;
}
.infoblock
{
    width: 225px;
    height: 150px;
    padding: 5px;
    margin: 0 10px 10px 0;
    float: left;
    background: #eaeaea;
    border: 1px solid #bebebe;
}
.infoblock p
{
    padding: 0 0 3px 0;
    font-size: 12px;
    color: #363b3a;
}
.bluetext
{
    color: #02aadb;
}
.singlecourse
{
    background: #ebebeb;
    padding: 2px 10px 2px 10px;
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    overflow: hidden;
    clear: both;
}
.whitebg
{
    background: #fff !important;
}
.proceedbtn
{
    display: block;
    float: right;
    padding: 10px 0 0 0;
}
.worldpayimage
{
    clear: right;
    display: block;
    float: right;
    padding: 10px 0 0 0;
}
.formcol
{
    width: 350px;
    float: left;
    margin: 10px 10px 10px 0;
}

.coursedrop label
{
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    width: 120px;
    display: block;
    float: left;
    padding: 4px 4px 0 0;
    text-align: right;
}

.formcol label
{
    font-size: 12px;
    color: #363b3a;
    font-weight: bold;
    width: 120px;
    display: block;
    float: left;
    padding: 4px 4px 0 0;
    text-align: right;
}
.formcol input
{
    width: 218px;
    float: left;
    padding: 2px 4px 0 0;
    margin: 0 0 3px 0;
}
.formcol textarea
{
    width: 220px;
    float: left;
    padding: 2px 4px 0 0;
    margin: 0 0 3px 0;
}
.savebtn
{
    float: right;
    display: block;
    padding: 10px 40px 0 0;
}
.newentrybtn
{
    display: block;
    padding: 10px 0 10px 10px;
    float: left;
}
.leftimage
{
    float: left;
    padding: 0 10px 10px 0;
    display: block;
}
.diaryentry
{
    clear: both;
    padding: 10px;
    overflow: hidden;
}
.diaryentry p
{
    font-size: 11px;
    color: #4c4c4c;
    padding: 0 0 3px 0;
}
.bluetext
{
    font-size: 12px !important;
    color: #02aadb !important;
}

A.bluelinks
{
    text-decoration: none;
    font-size: 12px;
    color: #02aadb;
}
A.bluelinks:hover
{
    color: #000;
}
.greytext
{
    font-size: 11px !important;
    padding: 0 0 8px 0 !important;
    color: #6e6e6e !important;
}
.diarylist
{
    clear: both;
    padding: 0 0 10px 0;
}
.singleunit
{
    clear: both;
    padding: 0 0 10px 0;
}
.glossterm
{
    clear: both;
    padding: 0 0 20px 0;
}
.glossterm a
{
    font-family: Georgia, "Times New Roman" , Times, serif;
    font-size: 40px;
    font-weight: normal;
    color: #00a9e0;
    margin: 0;
    padding: 10px 0 0 0;
    display: block;
}
.glossterm p
{
    font-size: 13px;
    color: #6e6e6e;
    padding: 0 0 10px 0;
}
A.galleryimage
{
    padding: 3px;
    margin: 0;
    border: 1px solid #c8c8c8;
    display: block;
    float: left;
}
A.galleryimage:hover
{
    padding: 3px;
    border: 1px solid #000;
}
.galleryitem
{
    float: left;
    margin: 6px;
    width: 170px;
    text-align: center;
}
A.gallerylink
{
    clear: both;
    margin: 5px;
}

#iconsbox
{
    clear: both;
    padding: 20px 0 0 10px;
    width: 220px;
    margin: auto auto;
    overflow: hidden;
}
#iconsbox img {
	display: block;
	margin: 0 auto;
	padding: 0 0 20px 0;
}
.icons
{
    display: block;
    float: left;
    padding: 0 5px 0 5px;
}
#uploadpics
{
    clear: both;
    text-align: center;
    margin: 25px 0 0 0;
    background: url(/wp-content/themes/ta_college/images/themes/main/uploadpic-bg.jpg);
    padding: 22px 0 22px 0;
    font-size: 14px;
    color: #6e6e6e;
}


.singleunit li
{
    display: block;
    width: 81px;
    height: 17px;
    float: left;
    margin: 0 5px 0 0;
    list-style-type: none;
    background: url(/wp-content/themes/ta_college/images/themes/main/unitlink-bg.jpg);
    text-align: center;
}
.singleunit a
{
    color: #068fb8;
    font-size: 11px;
    text-decoration: none;
    display: block;
    margin: 2px 0 0 0;
}
.singleunit a:hover
{
    color: #000;
}
.unitcomplete
{
    width: 150px;
    height: 50px;
    float: right;
    text-align: right;
    margin: 8px 5px 0 0;
}
.unitcomplete p
{
    font-size: 12px;
    padding: 0 0 7px 0;
    color: #02aadb;
}
.percent-bg
{
    height: 18px;
    background: url(/wp-content/themes/ta_college/images/themes/main/percent-bg.jpg);
    border: 1px solid #999;
    width: 150px;
    height: 18px;
    float: right;
}
.percent-complete
{
    height: 18px;
    background: url(/wp-content/themes/ta_college/images/themes/main/percentcomplete-bg.jpg);
}

.mywork2-leftcontent
{
    width: 100px;
    float: left;
    font-size: 12px;
    color: #068fb8;
    text-align: right;
}
.mywork2-rightcontent
{
    padding: 3px;
    border: 1px solid #CCC;
    width: 630px;
    float: right;
    font-size: 12px;
    color: #6e6e6e;
    overflow: auto;
    height: 75px;
    margin: 0 5px 5px 0;
}

.dropdownlink
{
    clear: both;
    margin: 0 0 8px 0;
    overflow: hidden;
}
.dropdownlink img
{
    display: block;
    float: left;
    padding: 1px 6px 0 0;
}
.dropdownlink a
{
    display: block;
    float: left;
    text-decoration: none;
    color: #02aadb;
    font-size: 15px;
}
.dropdownlink a:hover
{
    color: #000;
}

.dropdownlink2
{
    clear: both;
    margin: 0 0 8px 16px;
    overflow: hidden;
}
.dropdownlink2 img
{
    display: block;
    float: left;
    padding: 1px 6px 0 0;
}
.dropdownlink2 a
{
    display: block;
    float: left;
    text-decoration: none;
    color: #02aadb;
    font-size: 13px;
}
.dropdownlink2 a:hover
{
    color: #000;
}

.resourcelink
{
    clear: both;
    padding: 10px 0 0px 25px;
    overflow: hidden;
}
.resourcelink a
{
    color: #6e6e6e;
    padding: 6px 0 0 5px;
    font-size: 13px;
}
.bookmarks
{
    clear: both;
    padding: 10px 0 10px 0;
    color: #666;
    font-size: 12px;
}
.greybg
{
    background: #E6E6E6;
}
.bookmarks a
{
    font-size: 12px;
}



.assignguide
{
    clear: both;
    padding: 10px 10px 10px 25px;
    overflow: hidden;
}
.assignguide p
{
    font-size: 11px;
    color: #4c4c4c;
    padding: 0 0 3px 0;
}
.assignguide a
{
    font-size: 11px;
    display: inline;
    float: none;
}

.mywork a
{
    font-size: 12px;
    display: inline;
    float: none;
}
.mywork
{
    clear: both;
    padding: 10px 0 10px 25px;
    color: #666;
    font-size: 12px;
}
.mywork table
{
    clear: both;
    padding: 10px 0 10px 0;
}

.mylessons p
{
    color: #02aadb;
    font-size: 14px;
    font-weight: bold;
    line-height: 24px;
}
.mylessons span
{
    color: #6e6e6e;
    font-size: 12px;
    font-weight: normal;
}
.status
{
    width: 100px;
    float: right;
}
.lessondrops
{
    clear: both;
    padding: 10px 0 0 60px;
}
.lessoninfo
{
    overflow: hidden;
    clear: both;
    padding: 15px 0 10px 0;
}
.lessoninfo a
{
    display: block;
    padding: 0 0 10px 30px;
    clear: left;
    font-size: 12px;
    color: #6e6e6e;
}
.statusimage
{
    display: block !important;
    float: right !important;
    padding: 0 52px 0 0 !important;
}
.dropdiv, .opendiv
{
    clear: both;
}

.gallerypic
{
    width: 320px;
    float: left;
    overflow: hidden;
    text-align: center;
}
ul.gallerypics {
	list-style-type: none;
	margin: 0;
	overflow: hidden;
	padding: 0;
	width: 100%;
}
ul.gallerypics li
{
    width: 320px;
    float: left;
    overflow: hidden;
    text-align: center;
}
#sidelinks li
{
    list-style-type: none;
    background: url(/wp-content/themes/ta_college/images/themes/main/bigarrow.png) no-repeat 0 3px;
    padding: 0 0 6px 13px;
}
#sidelinks li a
{
    text-decoration: none;
    font-size: 13px;
    color: #3aa9e8;
}
#sidelinks li a:hover
{
    color: #d97e07;
}
.evaimage
{
    float: left;
    display: block;
    padding: 0 10px 0 0;
}
#newsletter
{
    clear: both;
    width: 255px;
    float: left;
    margin: 7px 10px 10px 0;
    background: url(/wp-content/themes/ta_college/images/themes/main/newsletter-bg.jpg) no-repeat;
    height: 67px;
}
.emailnewsletter
{
    width: 162px;
    padding: 2px 4px 2px 4px;
    margin: 37px 5px 0 5px;
    font-size: 12px;
    color: #666;
    float: left;
    font-family: Arial, Helvetica, sans-serif;
}
.signupbtn
{
    display: block;
    float: left;
    margin: 37px 0 0 0;
}
.ErrorText
{
    font-size: 12px;
    color: Red;
}

.mycoursetitle a
{
    font-weight: normal;
    padding: 0 0 3px 0;
    margin: 0;
    font-size: 20px;
    color: #02aadb;
    font-family: Georgia, "Times New Roman" , Times, serif;
    text-decoration: none;
}

.SmallError
{
    font-size: 11px;
    color: Red;
}

.SmallError ul li
{
    font-size: 11px;
    color: Red;
}

#ConfirmationCourseTable td
{
    border: solid 1px #CECECE;
    font-size: 11px;
    padding: 5px;
}

#ConfirmationCourseTable
{
    width: 500px;
}

#ConfirmationDetailTable
{
    width: 300px;
}
#ConfirmationDetailTable td
{
    font-size: 12px;
    padding: 3px;
}

.PaymentTable
{
    font-size: 11px;
    color: Red;
}

.PaymentTable td
{
    border: solid 1px #CECECE;
    font-size: 11px;
    padding: 5px;
    color:Black;
}

span.divider {
	border-bottom: 1px solid #d9d9d9;
	display: block;
	height: 5px;
	margin: 0 0 15px 0;
	overflow: hidden;
	padding: 0;
}

span.divider_2 {
	border-bottom: 1px dashed #d9d9d9;
	display: block;
	height: 5px;
	margin: 0 0 15px 0;
	overflow: hidden;
	padding: 0;
}

img.aligncenter {
	display: block;
	margin: 0 auto;
	padding: 0 0 5px 0;
}

img.alignleft {
	float: left;
	padding: 0 15px 15px 0;
}

img.alignnone {
	display: block;
	clear: both;
	padding: 0 0 5px 0;
}

img.alignright {
	float: right;
	padding: 0 0 15px 15px;
}

div.aligncenter {
	margin: 0 auto 5px auto;
	text-align: center;
}

div.alignleft {
	display: inline;
	float: left;
	margin: 0 15px 15px 0;
}

div.alignnone {
	clear: both;
	margin: 0 0 15px 0;
}

div.alignright {
	display: inline;
	float: right;
	margin: 0 0 15px 15px;
}

div.wp-caption p,
div.main_area_standard_page div.content div.content_box div.gallery dd.gallery-caption {
	font-size: 11px;
	line-height: 12px;
	margin: 0;
	padding: 0 0 2px 0;
	text-align: center;
}